* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Exo 2', sans-serif;
}

body {
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: white;
}

/*--- ENCABEZADO ---*/
header {
    flex-basis: 15vh;
    display: flex;
    background-color: #512e04;
}

.nombre{
    color: #ffb400;
    font-weight: 900;
    font-size: 1.2rem;
    padding: 1% 1% 1% 1%;
}

.menu {
    display: flex;
    padding-left: 4%;
    list-style: none;
    align-items: center;
    font-size: 1rem;
    color: white;
    font-weight: 400;
}

.menu li {
    padding-right: 5rem;
}

.menu a {
    text-decoration: none;
    color: white;
}

.menu a:hover {
    color: #ffb400;
}

/*--- PRINICIPAL ---*/
main {
    display: flex;
    flex-basis: 80vh;
}

.contenido {
    display: flex;
    flex-direction: column;
    flex-basis: 40%;
    padding: 5% 0 3% 11%;
}

.contenido h2 {
    color: #512e04;
    font-weight: 400;
    font-size: 3.7rem;
}

.contenido h3 {
    color: #ffb400;
    font-weight: bolder;
    font-size: 4rem;
}

.contenido p {
    padding-top: 3px;
    color: #8f602c;
    font-weight: 400;
    font-size: 1.2rem;
}

.contenido .botones {
    padding-top: 20px;
}

.botones .izq{
    border: 2px solid #8f602c;
    color: white;
    background: #8f602c;
    width: 120px;
    border-radius: 20px;
    padding: 0.6rem 0 0.6rem 0;
    font-weight: bolder;
    font-size: 0.7rem;
}

.botones .izq:hover {
    border: 1px solid #ffb400;
    background-color: #ffb400;
    cursor: pointer;
}

.botones .der{
    border: 2px solid #8f602c;
    color: #8f602c;
    background: white;
    width: 120px;
    border-radius: 20px;
    padding: 0.6rem 0 0.6rem 0;
    font-weight: bolder;
    font-size: 0.7rem;
}

.botones .der:hover {
    border: 1px solid #ffb400;
    background-color: #ffb400;
    cursor: pointer;
    color: white;
}

/*--- PIE DE PAGINA ---*/
footer {
    display: flex;
    flex-basis: 5vh;
    align-items: flex-start;
    justify-content: flex-start;
}

footer p {
    font-size: 1rem;
    color: black;
    padding-left: 1%;
}

/*--- HAMBURGUESA ---*/
.hamburguesa {
    position: absolute;
    top: -10%;
    right: 0;
    z-index: 1;
    width: 33%;
}