.icons-social{
  display: flex;
  justify-content: center;
  align-items: center;

}

.social{
  /* margin: 20px;
	height: 80px;
	width: 80px; */
  width: 30px;
  height: 30px;
  border-radius: 40px;
  box-shadow: -5px 5px 15px #333;
  text-align: center;
  transition: all 0.3s;
  overflow: hidden;
}

.social:hover{
  cursor: pointer;
  transition: all 0.3s;
}

.social-icon{
	text-decoration: none;
	color: #e7e7e7;
  /* margin-left: -5px;  */
	/* font-size: 35px; */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top:-31px;

}

.social-icon:hover{
  animation: slide 1s ease;
}

.social>a{
	/*padding: 20px;*/
	padding: 8px;
}

/* .social:nth-child(1){
	background: #3b5999;
} */

.social:nth-child(1){
	/*background: #38A1F3;*/
	background: #fff;
}
.social:nth-child(2){
	/*background: #38A1F3;*/
	background: #17A9FD;
}

/*.social:nth-child(2){*/
/*	background: #db4a39;*/
/*}*/
.social:nth-child(4){
	background: #db4a39;
}


.social:nth-child(3){
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.social:nth-child(5){
	background: #0077B5;
}

@keyframes slide{
  0%{
    transform: translateX(0);
  }
  50%{
    transform: translateX(20px);
    opacity: 0;
  }
  51%{
    transform: translateX(-20px);
    opacity: 0;
  }
  100%{
    transform: translateX(0);
  }
}