Untitled

HTML:

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title>Virtus.Pro - Oficjalna strona</title>

	<meta name="description" content="Oficjalna strona drużyny Virtus.Pro" />
	<meta name="keywords" content="Esport" />

	<link rel="stylesheet" href="style.css" type="text/css" />
	<link rel="stylesheet" href="css/fontello.css" type="text/css" />
	<link href="https://fonts.googleapis.com/css?family=Lato|Roboto:400,700&display=swap&subset=latin-ext" rel="stylesheet">


</head>

<body >


	<div id="container">

			<a href="index.html" class="link"><div id="logo">
				<span class="vplogo"> <i class="icon-vplogo"> </i> </span>
				<div class="vptext">Virtus.Pro</div> </br>
				<div class="vptext2">Witaj w stolicy E-Sportu! </div>
			</div> </a>
			<div id="socialmedia">
				<a href="https://www.youtube.com/channel/UC5OkawRcEYuMHIIOedG9QTA" target="_blank" class="link"> <div id="yt">
					<i class="icon-youtube"> </i>
				</div> </a>
				<a href="https://www.hltv.org/team/5378/virtuspro" target="_blank" class="link"> <div id="hltv">
					<i class="icon-hltv"> </i>
				</div> </a>
				<a href="https://www.facebook.com/www.virtus.pro/" target="_blank" class="link"> <div id="fb">
					<i class="icon-facebook"> </i>
					</div> </a>
				<div style="clean: both;"></div>
			</div>
			<div style="clean: both;"></div>
			<div id="menu">Opcja Opcja Opcja Opcja Opcja Opcja</div>


		</div>

</body>
</html>


CSS:

body
{
	color: #ffffff;
	font-family: 'Lato', sans-serif;
     background-color: #303030;
}
#container
{

	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#logo
{

	float: left;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	width: 490px;
	padding: 3px;
	height: 159px;
	border-bottom: 2px solid #ffffff;

}
.vplogo
{

	float: left;
	Font-size: 140px;
}
.vptext
{


	Font-size: 60px;
	margin-left: 50px;

}
.vptext2
{

	Font-size: 20px;


}
a.link
{
	color: #ffffff;
	text-decoration: none;
}
#socialmedia
{

	Float: left;
	margin-top: 10px;
	width:490px;
	height: 145px;
	padding: 5px;
	border-bottom: 2px solid #ffffff;
}
#yt
{
	 Float: left;
	margin-top: 5px;
	margin-left: 209px;
	width: 87px;
	height: 115px;
	background-color: #c4302b;

}
#hltv
{
	Float: left;
	margin-top: 5px;
	margin-left: 10px;
	width: 87px;
	height: 115px;
	background-color: #336D9B;
}

#fb
{
	Float: left;
	margin-top: 5px;
	margin-left: 10px;
	width: 87px;
	height: 115px;
	background-color: #3b5998;
}
#menu
{
	clean: both;
	margin-left: auto;
	Margin-right: auto;
	background-color: black;
	height: 100px;
}