html, body {
    height: 100%;
    margin: 0;
}

body {
    display: grid;
    grid-template-rows: auto 1fr;
    min-height: 100vh;
}

.uk-navbar-container {
    & > ::before {
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        content: "";
        mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
        -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
        position: absolute; top: 0px; left: 0px; right: 0px; bottom: 10px;
        z-index: -1;
    }

    margin: 10px 10px;
}

#page-content {
    display: grid;
    grid-template-rows: 1fr auto;
}

#nav-footer {
    & > ul {
        margin: 0;

        & > li:first-child {
            padding: 0;
        }
    }
}