/* css  sticky redes sociales */
:root{
     --black:#000;
     --white:#ffffff;
     --dark-purple:#3c122c;
     --medium-purple:#762ba3;
     --light-purple:#ae40f0;
     --yelow:#ffc800;
     --pink:#fc5185;
     --light-pink:#ffeffe;
     --green:#00b090;
     --green-mediun:#44ffe6 ;
     --green-small:#aefff8;
     --yellow-ocre:#eccd55;
}
body{
    font-family: 'nanito', sans-serif;
}

.sticky-social-container{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: fixed;
    top: 35%;
    width: 200px;
    z-index: 99;
    left:-155px;
}

.sticky-social a {
    list-style: none;
    text-decoration: none;
    background-color: var(--black);
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 2px;
    height: 46px;
    border-radius: 25px;

    transition: all 0.25;

}

.sticky-social a:hover{
    background-color: var(--green-mediun) ;
    margin-right: -100px;
}

.sticky-social a i{
    margin: 0 10px;
    font-size: 32px;
    color: var(--green);
}

.sticky-social a:hover i{
    color:var(--green);
}
.sticky-social p:hover {
    color:var(--green);

}


.sticky-social a i{
    margin: 0 10px;
    font-size: 28px;
}

@media only screen and(max-width:1024px){
  
    .sticky-social-container{
        left: -160px;
    }
    .sticky-social a{
       height: 36px;
    }

    .sticky-social a:hover{
        margin-right: -90px;
    }

    .sticky-social a i{
        font-size: 22px;
    }
}