.btn-toggler{
    background: rgb(242, 253, 84);
    width: 20px;
    height: 20px;
    position: relative;
    transition: .5s ease-in-out;
}

.btn-toggler,
.btn-toggler:focus,
.btn-toggler:active,
.btn-toggler-icon:focus{
    outline: none;
    box-shadow: none;
    border: 0;
}
.btn-toggler span{
    margin: 0;
    padding: 0;
}

.toggler-icon{
display: block;
position: absolute;
height: 3px;
width: 60%;
background: rgb(226, 225, 225);
border-radius: 1px;
opacity: 1;
left: 13px;
transform: rotate(0deg);
transform: .25s ease-in-out;
}
.middle-bar{
    margin-top: 0;
}
.btn-toggler .top-bar{
    margin-top: -10px;
    transform: rotate(0deg);
}
.btn-toggler .middle-bar{
    opacity: 1;
    filter: alpha(opacity=100);
}
.btn-toggler .bottom-bar{
    margin-top: 10px;
    transform: rotate(0deg);
}

/*---------------Botones Redes----------------*/
.contenedor-redes{
    position: absolute;
    top: 90%;
    left: 20%;
    
    width: 250px;
}
.contenedor-redes i{
    font-size: 40px;
    color: white;  
    
}
.contenedor-redes ul{
    list-style: none;
}
.contenedor-redes li{
    margin: 0 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    transition: all 0.5s ease;
}

.contenedor-redes ul li .bi{
    color: white;
    margin-top: 10px;
    transition: all 0.5s ease; 
}
.contenedor-redes ul li:hover.facebook{
    border: 5px solid #3b5998;
    box-shadow: 0 0 15px #3b5998;
    transition: all 0.5s ease;
    
}
.contenedor-redes ul li:hover .bi-facebook{
    color: #3b5998;
    text-shadow: 0 0 15px #ffffff;
    transition: all 0.5s ease;
} 
.contenedor-redes ul li:hover.youtube{
    border: 5px solid rgb(61, 4, 4);
    box-shadow: 0 0 15px rgb(63, 3, 3);
    transition: all 0.5s ease;
    
}
.contenedor-redes ul li:hover .bi-youtube{
    color:rgb(255, 0, 0);
    text-shadow: 0 0 15px rgb(255, 255, 255);
    transition: all 0.5s ease;
} 


.contenedor-redes ul li:hover.whatsapp{
    border: 5px solid green;
    box-shadow: 0 0 15px green;
    transition: all 0.5s ease;
    
}
.contenedor-redes ul li:hover .bi-whatsapp{
    color: #4dc247;
    text-shadow: 0 0 15px rgb(124, 124, 124);
    transition: all 0.5s ease;
} 

footer{
    width: auto;
    background-color: rgb(206, 206, 206);
}

footer p{
    padding: 10px;
    color: rgb(100,100,100);
}

footer a{
    text-decoration: none;
    color: rgb(100,100,100);
}

footer .container{
    width:auto;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-color: rgb(204, 202, 202);
}


.prueba {
    font-size: 20px;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-style: italic;
    font-weight: bolder;
    padding-left: 2em;
    padding-right: 2em;
    color: rgb(221, 221, 221);
}
.cardtitle{
    font-size: 20px;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-style: italic;
    font-weight:lighter;

}