body 
{
    display: grid;
    grid-template-areas: 
    "header header header"
    "nav main aside"
    "footer footer footer";
    grid-template-columns: 1fr 1fr 1fr;

    background-color: black;

    margin: 0;
}

header {grid-area: header;}
nav {grid-area: nav;}
main {grid-area: main;}
aside {grid-area: aside;}
footer {grid-area: footer;}

h1
{
    color: azure;
    text-align: center;
}
nav
{
    background-color: blue;
}
header
{
    background-color: brown;
}
aside
{
    background-color: chartreuse;
}
main
{
    background-color: darkorange;
    text-align: center;
    padding-top: 4px;
}
footer
{
    background-color: hotpink;
    bottom: 0;
    width: 100%;
    height: 34px;
    position: fixed;
    padding: 5px;
}
.bdarkmode
{
    text-align: right;
    position: relative;
}