#navbar {
    border: 2px solid black;
    background-color: var(--d2);
    border-top: none;
    border-left: none;
    border-right: none;

    position: sticky;
    top: 0;
    left: 0;
    
    padding: 1rem 2rem;
    display: flex;
    justify-content: center;
    gap: 2rem;

    & > .navbar-button {
        transition-duration: 250ms;
        cursor: pointer;

        padding: 0.5rem 1rem;
        border-radius: 10px 5px 10px 5px;
        background-color: var(--c2);
        color: var(--d1);
        font-weight: 700;

        box-shadow: -3px 3px 2px var(--c1);

        &:hover {
            background-color: var(--c3);
            color: var(--l1);
            box-shadow: -3px 3px 10px black;
        }
    }
}