/* CSS Document */
body {
        font-family: Calibri;
        background-color: #95391C;
        margin: 10px;
        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;
        }