/* CSS Document */
body    { 
            display: grid;
            grid-template-columns: repeat (4, lfr);
            grid-template-areas:    "head head head head"
                                    "nav main main main"
                                    "aside main main main"
                                    "foot foot foot foot";
            font-family: Calibri;
            margin: 10px;
            background-color: #95391C;
        }
        
h1      {
            text-align: center;
            fonz-size: 50px;
        }

header, nav, main, aside, footer    {
                                        border-width: 5px;
                                        border-style: solid;
                                        padding: 10px;
                                    }

header      {
                grid-area: head;
                background-color: #FFFFFF;
                border-color: #D5D5D5;
            }

nav         {
                grid-area: nav;
                background-color: #FFFBF0;
                border-color: #e7c157;
            }

main        {
                grid-area: main;
                background-color: #FFFFFF;
                border-color: #DF6C20;
            }

aside       {
                grid-area: aside;
                background-color: #FFFBF0;
                border-color: #8db243;
            }

footer      {
                grid-area: foot;
                background-color: #FFF888;
                border-color: #8A9DA8;
            }