@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Courgette');

.icons{

   
    position: fixed;
    top: 40%;
    left: 0;
    width: 155px;
    display: flex;
    flex-direction: column;

}
.icons a{

    text-decoration: none;
    margin: 2px;
    text-align: right;
    border-radius: 0px 30px 30px 0px;
    transform: translate(-110px,0px);
    transition: all 0.5s;

}
.facebook{

    background-color: #2C80D3;
    color: white;
}
.youtube{
    background-color: #fa0910;
    color:white;
}

.icons a i{
    margin-left: 20px;
    background-color:white;
    color: black;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    transition: all 0.5s;
}
.icons a i.fa-facebook-f{
    color: #2C80D3;
}
.icons a i.fa-youtube{

    color: #fa0910;
}
.instagram{
    background-color: #fa0910;
    color: white;
}

.icons a i.fa-instagram-square{
	
    color:#fa0910;
}
.twitter{
	background-color:#2C80D3;
	color: white;
}
.icons a i.fa-twitter-square{
	 color:#2C80D3;
}
.icons a:hover{

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

   transform: rotate(20deg);

}
.whatsapp{
	position: fixed;
	left: 0px;
	top: 80%;
	z-index: 999;
}
.whatsapp h5{
	color: white;
	background: #20b20f;
	padding: 10px;
    border-radius: 50%;
}