/* Fuentes a utilizar */ 
@import url('https://fonts.googleapis.com/css2?family=Gentium+Plus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@1,400;1,600;1,700&family=Gentium+Plus&display=swap'); 

/* Pagina en general*/
*{
    background-color: #F2DDBB;
    color: #755238;
    width: 100%;
}

main{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin: auto;
    flex-wrap: nowrap;
}

    h1{
        color: #4D3423;
        font-size: 40px;
        font-family: 'Crimson Text', serif;
        text-align: center; 
        text-decoration: underline;
    }

/* Diseño del nav */
.botones{ 
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;

}
/* Texto del medio */

.textos{    
    width: 50%;
    margin-left: 5%;
    font-family: 'Gentium Plus', serif;
    font-size: 20px;
}

.foto{
    display: flex;
    width: 25%;
}

header{
    text-align: center;
    height:3vh;
    background-color:#D2B48C	;
    color:#755238	;

}

.pie{
    text-align: center;
    height:3vh;
    background-color:#D2B48C	;
    color:#755238	;
    bottom: 0%;
    position: fixed;
}