@use "./colors" as c;

#menu .nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 15px;

    > .nav-item {
        display: block;
        background-color: c.$light-gray;
    }
}

#link-to-mobile-menu {
    padding: 0 15px;

    > a {
        border: 1pt solid c.$black;
        padding: 5px 10px;

        text-decoration: none;
        color: inherit;
    }
}