* {
    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; 
}




/*-------------------------------------------fotos----------------------------------------*/


.fotos {
	background-color: #e8e5e5;
	border: 5px solid white;
}

.fotos img {
	cursor: zoom-in;
}


.w3-container {
	width: 25% !important;
}




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





.firma_sobre_mi h1 {
    font-family: 'Great Vibes', cursive;
    text-transform: capitalize;
    text-align: center;
    margin-top: 0.5em;
}