/* CSS Document */
body        {
                background-color: lightblue;
                font-size: 13pt;
                text-align: center; 
                font-family: Calibri;
                margin: 50px;
                display: grid;
                grid-template-columns: repeat (5, lfr);
                grid-template-areas:    "head head head head head"
                                        "foot foot foot foot foot"
                                        "nav main main main aside"
                                        "nav main main main aside";                                      
            }

header,nav,main,aside,footer    {
                                  padding:10px;
                                  border:9px solid;
                                  margin:1px;
                                }
header  { 
            background-color:white;
            border-color:lightgreen;
            grid-area:head;
        }
nav     { 
            background-color:#FFFBF0;
            border-color:lightgreen;
            grid-area:nav;
            text-align: left;
        }
main    { 
            background-color:#FFFFFF;
            border-color:lightgreen;
            grid-area:main;
        }
aside   { 
            background-color:#FFFBF0;
            border-color:lightgreen;
            grid-area:aside;
        }
footer  { 
            background-color:#FFFFFF;
            border-color:lightgreen;
            grid-area:foot;
        }
        
h2          {
                color: navy; 
            }
            
h3          {
                color: #EEC900;
                text-align: left; 
            }        
            
h4          {
                color: #EEC900; 
            }