/* 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-width: 5px;
                                        border-style: solid;
                                    }
                                
header  {
            grid-area: head;
            background-color: #D3D3D3;
            border-color: #D5D5D5; 
        }
        
nav     {
            grid-area: nav;
            background-color: #FFFF94;
            border-color: #E7C15; 
        }
        
main    {
            grid-area: main;
            background-color: #FFFFFF;
            border-color: #DF6C20; 
            height: 300px;
        }
        
aside   {
            grid-area: aside;
            background-color: #E1E1E1;
            border-color: #8DB243; 
        }
        
footer  {
            grid-area: foot;
            background-color: #D8D8DF;
            border-color: #8A9DA8; 
        }