* {
    margin:0;
    padding: 0;
}

/*ESTILOS GENERALES */

.contenedor  {
    max-width: 80rem;
    margin: auto;
}


/* ESTILO HEADER */

header {
    background: #77d367;
    height: 9rem;
}

/*ESTILOS MAIN */

main {
    display: flex;
    justify-content: space-between;
}

section {
    background: #65a5d4;
    width: 70%;
    padding: 1rem;
    margin: 0.3rem 0.3rem 0.3rem 0rem ;
}

h2 {
    padding: 1rem;
}

.wrap {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
    
article {
    background: #ffad3d;
    margin: 0.5rem;
    padding: 1rem;
    height: 16rem;
    width: 15rem;
}



aside {
    background: #9f9f9f;
    width: 29%;
    margin: 0.3rem 0rem 0.3rem 0.3rem;
}

footer {
    background: #77d367;
    padding: 1rem;
    height: 6rem;
}