/* Estilos Generales */
*{margin: 0; padding: 0;}
.contenedor {
    max-width: 80rem;
    margin:auto;
}
* {box-sizing: border-box;}

/* Body */
header {
    background: #5cb460;
    height: 10rem;
}

.encabezado {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

h3 {
    display: inline-block;
    text-align: right;
}

h3 a {
    font-family: 'Righteous', cursive;
    color: #2e5c30;
    text-decoration: none; 
    padding: 1rem; 
    margin: 1rem;
}

h3 :hover{
    color: #1f7d81;
}

h2 { 
    font-family: 'Oswald', sans-serif;
    text-align: left;
    font-size: 2rem;
    margin: 3rem;
}

/* Main */
main {
    background: #4c964f;
    height: 30rem;
    font-family: 'Roboto', sans-serif
}

.notas {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background: #438446;
    height: 28rem;
}

.principal {
    background: #ffffff;
    width: 95%;
    padding: 2%;
    margin: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secundarios {
    background: #ffffff;
    width: 28.3%;
    padding: 3%;
    margin: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Aside */
.agregados {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background: #386f3a;
    height: 15rem;
}

.publicidad {
    background: #ffffff;
    width: 20%;
    padding: 2%;
    margin: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Footer */
footer {
    background: #244826;
    font-family: 'Roboto', sans-serif
}
.pie {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    flex-direction: row;
    height: 15rem;
}

.listas {
    background: #ffffff;
    width: 15%;
    padding: 5%;
    margin: 1rem 0rem 1rem 0rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center
}

li {
    list-style: none;
}

.navegacion {
    line-height: 4rem;   
}

.legal {
    font-family: 'Roboto', sans-serif; 
    font-size: 0.5rem;
    text-align: center;
}