/* 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: 400px;
          grid-area: main;
        }  
        
aside  {
          background-color: #D2D2D2;
          border-color: #8db243;
          grid-area: aside;
        } 
        
footer  {
          background-color: #81AAEF;
          border-color: #C8C8C8;
          height: 50px;
          grid-area: foot;
        }