/* CSS Document */
body    {
        font-family: Calibri;
        margin: 10px;
        background-color: #95391C;
        display: grid;
        grid-template-columns: repeat (5,1fr);
        grid-template-areas: "head head head head head"
                             "nav main main main aside"
                             "nav main main main aside"
                             "foot foot foot foot foot";
        }
h1  {
        text-align: center;
    }
header, nav, main, aside, footer {
                                    border: 5px solid;
                                 }
header  {
        background-color: #D3D3D3;
        border-color: black;
        grid-area: head;
        }     
 nav  {
        background-color: #FFFF6C;
        border-color: #e7c157;
        grid-area: nav;
        }      
main   {
        background-color: white;
        border-color: #df6c20;
        height: 300px;
        grid-area: main;
        }  
aside  {
        background-color: #D2D2D2;
        border-color: #8db243;
        grid-area: aside;
        }   
footer  {
        background-color: #81AAEF;
        border-color: #C8C8C8;
        grid-area: foot;
        }