#topbar {
    width: 100%;
    padding: 0.5em;
    }

#topbar.topbar--sticky {
    position: fixed;
    top: 0;
    z-index: 999;
    transform: translateY(-100%);
    transition: transform 0.3s ease;
    }

#topbar.topbar--sticky.topbar--visible {
    transform: translateY(0);
    }