*{
    margin: 0;
    padding: 0;
}

body{
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr;
    grid-template-areas:
    "navbar"
    "main"
    "footer";
}

nav{
    top: 0;
    position: sticky;
    grid-area: navbar;
    z-index: 100;
}

main{grid-area: main;
    z-index: 50;
}

footer{grid-area: footer;}