#main-nav {
    background-color: rgb(255 255 255 / 52%) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: background-color 0.4s cubic-bezier(0.16, 1, 0.3, 1), backdrop-filter 0.4s ease;
}

#main-nav.scrolled {
    background-color: rgb(246 243 237) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}