*{
    box-sizing: border-box;
}
:root{

}
body{
    max-width: 80vw;
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
}

header{
    height: 15vh;
    background-color: brown;
}


main{
    display: grid;
    grid-template-columns: 8fr 2fr 2fr;
    grid-template-areas: 'contenido menu menu2';
}

#menu1{
    grid-area: menu;
}
#menu2{
    grid-area: menu2;
}

main article{
    grid-area: contenido;
}

main article section ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: 
        'importante importante importante'
        'importante2 importante2 importante3'
        'izquierda derecha derecha'
    ;
}

#noticia_destacada{
    grid-area: importante;
}

main article section ul li{

}

footer{
    height: 15vh;
    background-color: brown;
}