/* CSS Document */

body    {
        margin:5px;
        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 main"
                             "aside main main main main"
                             "foot foot foot foot foot";
        }
        
        
        
h1      {
        text-align: center;
        font-size: 50px;
        }

header,nav,main,aside,footer    {
                                border: 5px solid;
                                padding: 10px;
                                margin: 2px;
                                }
            
header  {
         background-color: #D3D3D3;
         border-color: #B0B0B0;
         grid-area: head;
        }
        
nav  {
         background-color: #FFFBF0;
         border-color: #E7C157;
         grid-area: nav;
        }
        
main  {
         background-color: #FFFFFF;
         border-color: #DF6C20;
         grid-area: main;
         height: 500px;
        }
        
aside  {
         background-color: #FFFBF0;
         border-color: #8DB243;
         grid-area: aside;
        }
        
footer  {
         background-color: #D3D3D3;
         border-color: #B0B0B0;
         grid-area: foot;
        }