body{
    font-family: 'Dosis', sans-serif ; 
    margin:0;
    background-color: rgb(148, 158, 161);
}    


.botonmenu{
    display: none;
}
.menu{
    display: block;
}


.botonseccion{
    color:bisque;
    transition: 0.8s;
}

.botonseccion:hover{
    color:brown;
    text-decoration: line-through;
}

@media (max-width:900px) { /*Esto es para movil*/ 
    .botonmenu{
        position:absolute;
        left:20px;
        top:20px;
        color: #58c5e0;
        display: block;
    }
    .botonmenu:hover{
        color: #0f43ec;
        cursor: pointer;
    }
    .menu{
        position: absolute;
        top: 60px;
        left: 20px;
        background-color: aquamarine;
        border: 1px solid black;
        text-align: left;
        display:none;
    }
    .menu ul{
        padding: 0;
    }
    .menu li{
        display:block !important;
    }
    .contenido_cabecera{
        padding-bottom: 20px;
        
    }



}



.img_cara{ 
    width:200px; 
    margin:50px auto; 
    padding:10px;
}

h1 {background-color: rgb(32, 204, 226);
    text-align: center;

}

.social-img{
     width: 42px;
     margin:10px;

     }
     .social{
        position:fixed;
       left:20px;
       bottom: 80px; }

a{ text-decoration: none; /*No subraye los enlaces*/
    color: inherit; /*Esto significa que no cambie el color los enlaces, que los herede*/

}
.contenido_cabecera{
    text-align: center;
    background-color: rgb(241, 245, 182);
    padding-top: 20px;

}


.contenido_cabecera ul{
    list-style: none;
    margin: 0 auto;


}


.contenido_cabecera li{
    display:inline-block;
    padding: 20px 40px;
    font-size: 1.5em;
    color: #58c5e0;

}



.contenido_pie{
    background-color: rgb(123, 203, 240);
    color: rgb(17, 0, 255);
    text-align: center;
    position:fixed;
    bottom: 0px;
    width: 100%;
    padding: 22px;
}



.contenido{
    width: 100%;
    max-width: 1000px;
    margin:30px auto;
    background-color: white;

}