@charset "UTF-8";

*{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

div.container{
    border: 3px solid black;
    display: grid;
    gap: 10px;

    grid-template-rows: 150px 100px 400px 90px;
}

div.topo{
    grid-area: 1/1/2/5;
    background-color: rgb(202, 122, 64);
}

div.menu{
    grid-area: 2/1/3/5;
    background-color: rgb(130, 67, 189);
}

div.principal{
    grid-area: 3/1/4/4;
    background-color: rgb(177, 66, 66);
}

div.secundario{
    grid-area: 3/4/4/5;
    background-color: rgb(46, 46, 235);
}

div.rodape{
    grid-area: 4/1/5/5;
    background-color: rgb(59, 204, 204);
}