/* CSS Document */

body {
        margin: 5px;
        font-family: Calibri;
        background-color: #95391C;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-template-areas: "head head head head"
                             "nav main main main"
                             "aside main main main"
                             "foot foot foot foot";
     }
     
h1   {
        text-align: center;
        font-size: 50px;
     }
     
header,nav,main,aside,footer    {
                                    border: 5px solid;
                                    padding: 10px;
                                    margin: 2px;
                                }
                                
header      {
             background-color: #D3D3D3;
             border-color: #B0B0B0;
             grid-area: head;
            }
            
nav         {
             background-color: #FFFBF0;
             border-color: #E7C157;
             grid-area: nav;
            }
            
main        {
             background-color: #FFFFFF;
             border-color: #DF6C20;
             grid-area: main;
            }
            
aside       {
             background-color: #FFFBF0;
             border-color: #8DB243;
             grid-area: aside;  
            }
            
footer      {
             background-color: #D3D3D3;
             border-color: #B0B0B0;
             grid-area: foot;  
            }