.social-icons{
     
    position: fixed;
    left: 0;
    top: 35%;
    font-size: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 500; 
}


.icon{
    
    color: rgb(255, 255, 255);
    text-decoration: none;
    padding: .7rem;
    display: flex;
    transition: all .5s;
}


.social-icons ul{
    list-style-type: none;
    
}


.social-icons ul li a{
    display: inline-block;
    /*color: #fff;
    padding: 10px 15px;*/
    text-decoration: none;
    /*transition: all 0.5s ease;*/
    
}

 .social-icons ul li .icon-facebook{
    border-radius: 0 .5rem 0 0;
 }
 .social-icons ul li .icon-linkedin{
    border-radius: 0 0 .5rem 0;
 }     
    

.social-icons ul li .icon-facebook{background: #3d61b1;}
.social-icons ul li .icon-twitter{background: #00abf0;}
.social-icons ul li .icon-whatsapp{background: #00e645;}
.social-icons ul li .icon-linkedin{background: #013197;}
.social-icons ul li .icon-mail{background: #666666;}



.social-icons ul li a:hover {
    padding: 10px 1.2rem;
    border-radius: 0 .5rem .5rem 0;
     
 }