.bg-navbar {
    background-color: rgba(192, 194, 196, 0.1);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
}

.nav-link {
    color: #eee6dc;
    border: 2px solid #ff9c3d;
    border-radius:12px;  
    background:#1f1d1e;
    padding: 4px 24px;
    margin: 0 4px;
    width: 120px;
    text-align: center;
}

.nav-link-lg {
    width: 170px;
}

.active .nav-link {
    /* color: #ff9c3d; */
}

.navbar-overlay {
    height: 100vh;
    position: fixed;
    inset: 0;
    background-color: rgba(59, 59, 59, 0.9);
    backdrop-filter: blur(10px);
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: 1;    
}

.navbar-overlay>div {
    height: 100vh;
}

#nav.collapsing {
    transition: none !important;
    display: none !important;
}

.navbar-collapse {
    align-items: start !important;
}

header {
    z-index: 10;
}

.top-notice {
    font-size: 10pt;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #ff9c3d;
    color: black;
    font-weight: 500;
}

.top-notice a {
    color: black;
}

.top-notice:hover {
    background: #253f3a;
}

.top-notice:hover a {
    color: #ff9c3d;
}

.notice-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.top-notice:hover .notice-link {
    color: white;
}