body {
    height: 100%;
}

.page {
    display: grid;
    grid-template-rows: [navigation] auto [content] 1fr [footer] auto;
    grid-template-columns: 1fr;
    grid-template-areas: "navigation" "content" "footer";
    gap: 0;
    justify-items: stretch;
    height: 100vh;
    width: 100vw;
}

.navigation {
    grid-area: navigation;

    .nav-link {
        color: white;

        &.active {
            color: white;
        }
    }
}

.content {
    padding: 2rem 1rem;
    grid-area: content;
    overflow: auto;
}

.footer {
    grid-area: footer;
}

.footer-container {
    padding: 4px 16px 4px 16px;
}

.footer-logo {
    display: inline-block;
    height: 36px;
    width: auto;
}