.navbar {
    position: fixed;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: calc(100vw - 40px);
    padding: 18px 28px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    background: transparent;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        background 0.4s ease,
        padding 0.4s ease,
        box-shadow 0.4s ease,
        backdrop-filter 0.4s ease;
    z-index: 10000;
}