/* CSS Document */

body {
      font-family: Calibri;
      background-color:white;
      color:blue;
      margin:5px;
      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;
     }
header,nav,main,aside,footer {
                               border: 5px solid;
                             }
header {
        background-color: white;
        border-color: blue;
        grid-area:head;
        height:
       }
nav    {
        background-color: skyblue;
        border-color: blue;
        grid-area:nav;
       }
main   {
        background-color: skyblue;
        border-color:blue ;
        grid-area:main;
       }
aside  {
        background-color: skyblue;
        border-color:blue ;
        grid-area:aside;
       }
footer {
        background-color: skyblue;
        border-color:navy;
        grid-area:foot;
        height: 150px;
             
       }
img{
       height:150px;
}