hr
{	height: 5px;
	width: 1450px;
	background-color: #D8D3C4;
	border-color: #D8D3C4;
	margin-top: -20px;
	margin-left: 30px;
}



h2
{	width: 250px;
	height: 60px;
	padding-top: 30px;
	margin-top: 0px;
	margin-left: 30px;  
	font-size: 40px;
	color: white;
	
}

#firsta
{
	text-decoration: none;
	font-size: 25px;
	color: white;
}

#firsta:hover
{
	color: #04168D;
}

/*#hello
{
	background-color: red;
	width: 80px;
	height: 50px;
	margin-left: 900px;
	margin-top: -80px;
}*/

#hii
{
	/*background-color: blue;*/
	width: 120px;
	height: 50px;
	margin-left: 1000px;
	margin-top: -80px;
}

#contact
{
	/*background-color: yellow;*/
	width: 80px;
	height: 50px;
	margin-left: 1250px;
	margin-top: -50px;
}

#cv
{
	/*background-color: yellow;*/
	width: 80px;
	height: 50px;
	margin-left: 1390px;
	margin-top: -80px;
}











#outerbox
{
	width: 610px;
	overflow: hidden;
	background-color: #FBE8C8;
	margin-left: 10px;
}

#sliderbox
{
	position: relative;
	width: 3660px;
	height: 560px;
	padding-top: 50px;
	animation-name: ankur;
	animation-duration: 24s;
	animation-iteration-count: infinite;
}

#sliderbox img
{
	float: left;
}

@keyframes ankur
{
	0%
	{
		left: 0px;
	}

	12.5%
	{
		left: 0px;
	}

	16.67%
	{
		left: -610px;
	}

	29.16%
	{
		left: -610px;
	}

	33.33%
	{
		left: -1220px;
	}

	45.83%
	{
		left: -1220px;
	}
	
	50%
	{
		left: -1830px;
	}
	
	62.5%
	{
		left: -1830px;
	}
	
	66.67%
	{
		left: -2440px;
	}
	
	79.16%
	{
		left: -2440px;
	}

	83.33%
	{
		left: -3050px;
	}
	
	95.83%
	{
		left: -3050px;
	}

	100%
	{
		left: -3660px;
	}
	
}

#you
{	
	background-color: #FBE8C8;
	width: 600px;
	height: 610px;
	margin-left: 620px;
	margin-top: -635px;

}

#men
{
	background-color: #FBE8C8;
	width: 308px;
	height: 610px;
	margin-left: 1220px;
	margin-top: -610px;

}


#wrapper
{
	width: 300px;
	height: 0px;
	margin: 0px 0px 0px 620px;
}

.box
{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	font-family: entypo;
	background-color: #FBE8C8;
	text-align: center;
	line-height: 50px;
	float: left;
	font-size: 25px;
	display: block;
	cursor: pointer;
	margin: 10px;
	transition: 1s;
 
}

.boxer
{
	width: 50px;
	height: 50px;
	color: #333;
	border-radius: 50px;
	font-family: entypo;
	background-color: #FBE8C8;
	text-align: center;
	line-height: 50px;
	float: left;
	font-size: 25px;
	display: block;
	cursor: pointer;
	margin: 10px;
	transition: 1s;
 
}

#facebook
{
	color: #3b5998;
}

#facebook:hover
{
	color: white;
}

#twitter
{
	color: #55acee;
}

#twitter:hover
{
	color: white;
}

#linkedin
{
	color: #0077B5;
}

#linkedin:hover
{
	color: white;
}

.box:hover
{
	transform: scale(1.25);
	transition: 1s;
}

.boxer:hover
{	
	color: white;
	transform: scale(1.25);
	transition: 1s;
}

#facebook:hover
{	
	background-color: rgb(59,89,152);
	box-shadow: inset 0 0 0 22px #3b5998;
	transform: rotate(360deg) scale(1.25);
	transition: 1s;
}

#twitter:hover
{	
	background-color: rgb(85,172,238);
	box-shadow: inset 0 0 0 22px #55acee;
	transform: rotate(360deg) scale(1.25);
	transition: 1s;
}

#linkedin:hover
{	
	background-color: rgb(0, 132, 180);
	box-shadow: inset 0 0 0 22px #0084b4;
	transform: rotate(360deg) scale(1.25);
	transition: 1s;
}

#github:hover
{	
	background-color: #333;
	box-shadow: inset 0 0 0 22px #333;
	transform: rotate(360deg) scale(1.25);
	transition: 1s;
}

#followme
{
	color: #5AA7F7;
	font-size: 30px; 
	text-align: center;
	margin-top: 80px;
	font-family: arial;
	font-style: italic;
}

#paragraph
{
	font-size: 25px;
	text-align: justify;
	padding: 120px 90px 0px 70px;
	color: #2878F5;
}

#email
{
	text-align: center;
	color: red;
	font-size: 20px;
}

@keyframes email {
    from {background-color: red;}
    to {background-color: yellow;}
}