#navbar {
    height: 60px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    transition: background-color 500ms;
}

/* navbar no underline */
.navbar-brand>a,
.navbar-nav>li>a,
.dropdown-header,
.oc-nav-link,
#button-ocNavToggler-close, .close {
    border: 0 !important;
}

.header {
    margin-bottom: 47.5px;
}

.navbar-fixed {
    background-color: #1b1b1b !important;
}

@media (max-width: 991px) {
    .container:has(.navbar-brand) {
        padding-top: 0;
    }

    .header {
        margin-bottom: 70px !important;
    }
}


:root {
    color-scheme: dark;
    /* Indicates support for both light and dark modes */
}