* {
    box-sizing: border-box;
}


body {
    font-family: 'Roboto', sans-serif;
    background-image: url("../img/nocturnas/textura.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 400%;


}



/*----------------------------barra_navegacion-----------------------*/




#header ul {
    text-align: center;
    list-style-type: none;
    margin-top: 2em;
}

#header ul li {
    text-transform: capitalize;
    display: inline; /*para que aparezcan los enlaces en linea*/
    margin: 0 2em 0 0;

}

#header ul li a {
    text-decoration: none;
    font-family: 'Cormorant Garamond', serif;
    font-variant: small-caps;
    color: black;
}

#header ul li a:hover {
    color: red;
}



.active {
    color: red !important; 
}





/*------------------------------------------cuerpo-------------------------------------*/





#cuerpo_sobre_mi {
    overflow: auto;
    clear: both;
}

.imagen_sobre_mi {
    float: left;
}

.parrafo_sobre_mi p {
    color: #2f2f2e;
}




/*-------------------------------------------firma---------------------------------------*/






.firma_sobre_mi {
    font-family: 'Great Vibes', cursive;
    text-transform: capitalize;
    text-align: center;
}


/*-------------------------------------------forma de trabajar--------------------------------------*/



h1 {
    text-align: left;
    text-transform: none;
    font-variant: small-caps;
    font-family: 'Cormorant Garamond', serif;
}

#forma_de_trabajar p {
    font-family: 'Cormorant Garamond', serif;
}