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




/*-----------------------------------------información---------------------------------------*/



h1 {
    text-align: left;
}

h3 {
    font-size: 2em;
    font-family: 'Cormorant Garamond', serif;
}

.add-text p {
    font-size: 1.5em;
    margin-top: -0.5em;
}

#nombre {
    float: left;
}

#cuerpo_contacto {
    float: left;
    width: 100%;
}

input {
    width: 100%;
    margin-bottom: 1em;
}

textarea {
    width: 100%;
}

button {
    margin-top: 0.5em;
}




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






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