body
{
	font-family: 'Anton', sans-serif;
	background-color:  #202020;
	color: #FFFFFF;
	font-size: 35px;
	height: 100%;
	width: 100%;

}


#section1
{
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px;
	height: 750px;	
	width: 400px;
	float: left;

}



#section2
{
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px;
	height: 900px;
	width: 55%;
	float:left;
}


#section3
{
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px;
	height: 35%;
	width: 100%;
	float:left;
}

#section4
{
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px;
	height: 25%;
	width: 100%;
	float:left;
}

#section5
{
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px;
	height: 65%;
	width: 100%;
	float:left;
}
#kontakt
{
    background-color: #DA7F2A;
	text-align: center;
	height: 140px;
	width: 175px;
	letter-spacing: 1px;
	margin-left: 25px;
	margin-top: 25px;
	padding-top: 35px;
	float: left;
	transition-duration: .2s;
	
}

#discord
{
	height: 550px;
	width: 350px;
	margin-left: 25px;
	margin-top: 5%; 
	float: left;
	animation:huerotate 10s linear infinite;

}
    @keyframes huerotate{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}100%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}


#zegar
 {
    background-color: #009164;
	padding-top: 65px;
	text-align: center;
	height: 110px;
	width: 175px;
	letter-spacing: 2px;
	margin-left: 25px;
	margin-top: 25px;
	float: left;

	
 }
.animacja span
{
    animation:huerotate 30s linear infinite;
    text-align: center;
	height: 235px;
	width: 200px;
	letter-spacing: 2px;
	margin-left: 50px;
	padding-top: 15px;
	margin-top: 25px;
    margin-right: 25px;
	float: left;
}

  
#hello
{
	font-size: 50px;
}
 
 #zegar
 {
    background-color: #009164;
	padding-top: 60px;
	text-align: center;
	height: 115px;
	width: 175px;
	letter-spacing: 2px;
	margin-left: 25px;
	margin-top: 25px;
	float: left;
	
 }
 


#omnie
{
	background-color: #DA7F2A;
	height: 130px;
	width: 175px;
	margin-left: 25px;
	margin-top: 25px;
	padding-top: 45px;
	text-align: center;
	transition-duration: .2s;
	float: left;

}

#pisz
{
	background-color: #DA7F2A;
	height: 120px;
	width: 175px;
	margin-left: 25px;
	margin-top: 25px;
	padding-top: 55px;
	text-align: center;
	transition-duration: .2s;
	float: left;
	font-size:25px;



}


 #ytsubs
	
 {
	background-color: #d94348;
	height: 145px;
	width: 175px;
	margin-left: 25px;
	margin-top: 25px;
	padding-top: 30px;
	text-align: center;
	transition-duration: .2s;
	float: left;
 }

 #fb
 {
	 background-color: #4668b3;
	 height: 115px;
	width: 175px;
	float:left;
	margin-left: 25px;
	margin-top: 25px;
	padding-top: 60px;
	text-align: center;
	transition-duration: .2s;
 }
 
 
 #ytpanel
 {
	 background-color: #d94348;
	 height: 185px;
	width: 250px;
	float:left;
	margin-left: 25px;
	margin-top: 25px;
	text-align: center;
	padding-top: 65px;
	transition-duration: .2s;
}

 #bench
 {
	background-color: #ee7f01;
	height: 110px;
	width: 175px;
	float:left;
	margin-left: 25px;
	margin-top: 25px;
	text-align: center;
	padding-top: 65px; 
	transition-duration: 0.2s;
	 font-size: 25px;
}

#purepc
{
	background-color: #16C4C4;
	 height: 115px;
	width: 175px;
	float:left;
	margin-left: 25px;
	margin-top: 25px;
	text-align: center;
	padding-top: 60px; 
	transition-duration: 0.2s;

}

#insta
{
	background-color: #B3C4BE;
	 height: 115px;
	width: 175px;
	float:left;
	margin-left: 25px;
	margin-top: 25px;
	text-align: center;
	padding-top: 60px; 
	transition-duration: 0.2s;
}

#allegro
{
	background-color: #ff5a00;
	 height: 115px;
	width: 175px;
	float:left;
	margin-left: 25px;
	margin-top: 25px;
	text-align: center;
	padding-top: 60px; 
	transition-duration: 0.2s;

}

#gmail
{
	background-color: #555;
	 height: 115px;
	width: 175px;
	float:left;
	margin-left: 25px;
	margin-top: 25px;
	text-align: center;
	padding-top: 60px; 
	transition-duration: 0.2s;

}

#imgur
{
	background-color: #1F8300;
	height: 115px;
	width: 175px;
	float:left;
	margin-left: 25px;
	margin-top: 25px;
	text-align: center;
	padding-top: 60px; 
	transition-duration: 0.2s;

}


#discord2
{
	background-color: #7289da;
	 height: 115px;
	width: 175px;
	float:left;
	margin-left: 25px;
	margin-top: 25px;
	text-align: center;
	padding-top: 60px; 
	transition-duration: 0.2s;
}



#netdata
{
	background-color: #272b30;
	height: 115px;
	width: 175px;
	float:left;
	margin-left: 25px;
	margin-top: 25px;
	text-align: center;
	padding-top: 60px; 
	transition-duration: 0.2s;
	color: #878b90;

}

#ogolnie
{
	background-color: #272b30;
	height: 300px;
	width: 575px;
	float:left;
	margin-left: 25px;
	margin-top: 25px;
	margin-right: 25px;
	text-align: center;
	padding-top: 90px; 
	transition-duration: 0.2s;
	font-size: 15px;
	color: #878b90;

}

#info
{

	margin-left: 25px;
	margin-right: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: justify;
	height: 55%;
	width: auto;


}


.div
{
	height: 175px;
	width: 175px;
	float: left;
}

 #ytpanel:hover
 {
	background-color: #b71036;
}

 #bench:hover
 {
	background-color: #cc5d00;
}

 #fb:hover
 {
	background-color: #244691;
}

 #ytsubs:hover
 {
	background-color: #b72126;
}

 #purepc:hover
 {
	background-color: #04a2a2;
}

 #insta:hover
 {
	background-color: #91a29c;
}
 #allegro:hover
 {
	background-color: #dd3800;
}
 #gmail:hover
 {
	background-color: #444;
}
 #imgur:hover
 {
	background-color: #0d6100;
}
 #kontakt:hover
 {
	background-color: #E96E19;
}
 #omnie:hover
 {
	background-color: #E96E19;
}
 #discord2:hover
 {
	background-color: #6178c9;
}

.link:hover
{
	color: white;
	text-decoration: none;
}

.link:visited
{
	color: white;
	text-decoration: none;
}

.link:link
{
	color: white;
	text-decoration: none;
}

.scale-up-hor-left {
	-webkit-animation: scale-up-hor-left 0.1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-hor-left 0.1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}




/* ----------------------------------------------
 * Generated by Animista on 2019-3-22 11:23:40
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-hor-left
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}
@keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}