/* CSS Document */
body {
        padding: 10px;
        margin: 2px;
        font-family: Calibri;
        background-color: #95391C;
        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;

}

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;
}

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

footer{
    background-color:#d3d3d3;
    border-color: #B0B0B0;
    grid-area: foot;
}