/* CSS Document */
body    {
          font-family: Callibri;
          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:             400px;
          grid-area:          main;
        } 
aside  {
          background-color:   #D2D2D2;
          border-color:       #8db234;
          grid-area:          aside;
        }   
footer  {
          background-color:   #81AAEF;
          border-color:       #C8C8C8;
          grid-area:          foot;
        }