/* Reset en basisstijlen */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    background-color: rgb(59, 90, 71); /* Kleur van de footer */
    min-height: 100dvh;
    width: 100dvw;
    overflow: auto;
}

/* iOS Safe Area Fix */
@supports (padding: max(0px)) {
    body {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }
}

body {
    display: grid;
    grid-template-rows: min-content min-content 1fr min-content;
    margin: 0 !important;
    padding: 0 !important;
}

/* Header, nav, main, footer */
header, nav, main, footer {
    margin: 0;
    padding: 0;
}

header {
    text-align: center;
    background-color: rgb(59, 90, 71);
}

nav {
    background-color: rgb(59, 90, 71);
}

nav a:link, nav a:visited {
    color: black;
}

main {
    background-color: rgb(103, 102, 102);
}

footer {
    background-color: rgb(59, 90, 71);
}