@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url("../lib/open-props/easings.min.css");
@import url("../lib/open-props/animations.min.css");

html, body {
    transition: 0.2s ease;
}

@media (min-width: 960px) {
    #nav-drawer.custom-nav-menu {
        border-radius: 8px;
        height: auto;
        margin-left: 32px;
        top: calc(var(--mud-appbar-height) + 32px);
        width: 96px;
    }

    .custom-nav-menu a.mud-nav-link {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .custom-nav-menu a.mud-nav-link .mud-nav-link-text {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        text-align: center;
        width: auto;
    }
}