*
{
margin:0px;
padding:0px;	
}

.icons{
position:fixed;
top:50%;
left:0%;
width:200px;
display:flex;
flex-direction:column;
z-index:9998;
}

.icons a{
margin:2px;
text-decoration:none;
text-transform:uppercase;
padding:10px;
font-size:17px;
font-family:"Segoe UI Black";
text-align:right;	
border-radius: 0px 50px 50px 0px;
transform: translate(-138px, 0px);
transition: all 0.7s

}

.icons a:hover{
transform: translate(0px, 0px)
	
}

.icons a:hover{
	transform: rotate(360deg)
}

.icons a i{
	margin-left:20px;
	background-color:white;
	height:40px;
	width: 40px;
	color:black;
	text-align:center;
	line-height:40px;
	border-radius:50%;
}

.facebook{
	background-color:blue;
	color:white;
}

.instagram{
	background-color:#833AB4;
	color:white;
}

.phone{
	background-color:#3f729b;
	color:white;
}

.Email{
	background-color:#E1306C;
	color:white;
}

@media screen and (max-width:770px){
.icons{
display:none;
}
}