.max-height {
    display: flex;
    flex-direction: column;
}

.max-height >:nth-child(2) {
    flex-grow: 1;
}

nav a {
    text-decoration: none;
}

nav a:hover {
    text-decoration: underline;
}

.link:hover {
    text-decoration: underline !important;
}

@font-face {
    font-family: "Inter";
    src: url("/css/Inter.ttf");
}

html, body {
    font-family: "Inter", "Roboto", sans-serif !important;
}

@media (max-width: 768px) {
    .container {
        align-items: center !important;
    }

    .container nav {
        flex-direction: column;
    }
}