body{
	background: #FF6347;      
}
.social-menu ul { 
	position: absolute;
	top:50%;
	left: 50%;
	padding: 0;
	margin: 0;
	transform: translate(-50%, -50%);
	display: flex;
}
.social-menu ul li {
	list-style: none;
	margin: 0 15px;
}
.social-menu ul li .fa{
	font-size:30px;
	line-height: 60px;
	transition: .6s;
	color:#000;
}
.social-menu ul li .fa:hover{
	background-color: #fff;
}
.social-menu  ul li a{
	position: relative;
	display: block;
	width:60px;
	height: 60px;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
	transition: .6s;
	box-shadow: 0 5px 4px rgba(0,0,0,.5);
}
.social-menu ul li a:hover{
	transform: translate(0, 10px);
}
.social-menu ul li:nth-child(1) a:hover{
	background-color: #25D366;
}
.social-menu ul li:nth-child(2)a:hover{
	background-color: #cd201f;
}
.social-menu ul li:nth-child(3)a:hover{
	background-color: #e4405f;
}
.social-menu ul li:nth-child(3)a:hover{
	background-color: #e4405f;
}