#nav3{
	position:fixed;
	bottom:30%;
	left:-0%;
	width:10%;
	height:40%;
	animation:soc 2s 1;
	overflow:hidden;
}
@keyframes soc{
	0%{bottom:-30%;}
	100%{bottom:30%;}
	
}
#social{
	position:absolute;
	left:0%;
	top:0%;
	width:100%;
	height:100%;
}
#fb{
	position:relative;
	top:0%;
	display:block;
	left:-45%;
	background-color:#4f85e7;
	padding:15px;
	transition:2s all;
	color:#4f85e7;
}
#tw{
	position:relative;
	display:block;
	left:-45%;
	background-color:#6bf3ff;
	color:#6bf3ff;
	padding:15px;
	transition:2s all;
}
#tr{
	position:relative;
	display:block;
	left:-45%;
	background-color:#4f85e7;
	color:#4f85e7;
	padding:15px;
	transition:2s all;
}
#blg{
	position:relative;
	display:block;
	left:-45%;
	background-color:#fdc43d;
	color:#fdc43d;
	padding:15px;
	transition:2s all;
}
#gp{
	position:relative;
	display:block;
	left:-45%;
	background-color:#ff3c45;
	color:#ff3c45;
	padding:15px;
	transition:2s all;
}
#fb:hover{

	left:0%;
	background-color:#084685;
	color:white;
}
#tw:hover{

	left:0%;
	background-color:#29a5d9;
	color:white;
}
#tr:hover{

	left:0%;
	background-color:#243661;
	color:white;
}
#blg:hover{

	left:0%;
	background-color:#ff9000;
	color:white;
}
#gp:hover{

	left:0%;
	background-color:#a60008;
	color:white;
}
#social a{
	font-family:arial;
	font-size:17px;
}
.soc{
	position:absolute;
	top:19%;
	left:55%;
	transition:2s all;
}
#fb:hover .soc{
	left:59%;
	
}
#fbf{
	position:absolute;
	top:90%;
	left:15%;
}
#twf{
	position:absolute;
	top:90%;
	left:28%;
}
#gpf{
	position:absolute;
	top:90%;
	left:42%;
}
#trf{
	position:absolute;
	top:90%;
	left:57%;
}
#blgf{
	position:absolute;
	top:90%;
	left:69%;
}