@use "./colors" as c;

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

    > a {
        border: 1pt solid c.$black;
        padding: 5px 10px;
        text-decoration: none;
        color: inherit;
    }
}

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

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

    > .nav-item {
        display: block;
        
        > a {
            display: block;
            background-color: c.$light-gray;
            padding: 5px 10px;
            box-sizing: border-box;
            border-radius: 5px;
        }
    }
}