/* CSS Document */
body {
      font-family: Calibri;
      background-color: SkyBlue;
      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;
     }
     
h2  {
        text-align: center;
    }
     
header,nav,main,aside,footer  {
                                border: 5px solid;
                              }
                        
header  {
          background-color: LightPink;
          border-color: Coral;
          grid-area: head;
        }
        
nav     {
          background-color: LightCyan;
          border-color: PeachPuff;
          grid-area: nav;
        }
        
main    {
          background-color: white;
          border-color: pink;
          height: 400px;
          grid-area: main;
        }  
        
aside  {
          background-color: LightCyan;
          border-color: PeachPuff;
          grid-area: aside;
        } 
        
footer  {
          background-color: Plum;
          border-color: Violet;
          height: 50px;
          grid-area: foot;
        } 
        
p         {
            text-align: center;
            }