nav
{
    background: black;
}

    nav ul
    {
        /* background: gold; */
        box-sizing: border-box;
        display: flex;
        gap: 1.2rem;
        list-style: none;
        margin: 0;
        padding: 0; 
        padding-left: 1rem;
        width: 100%;
    }

    nav ul li 
    { 
        padding: 1rem 0;
    }
    nav:not(.sections) li:last-child 
    { 
        background: lightseagreen; 
        color: white; 
        margin-left: auto; 
        padding: 1rem;
    }

        nav ul li a
        {
            color: white;
            text-decoration: none;
            transition-duration: 0.6s;
        }

        nav ul li a.on, nav ul li a:hover { color: gold; }

    nav.sections
    {
        background: teal;
        border-top: 1px solid #ccc;
        font-size: 0.9rem;
    }

        nav.sections ul li a.on, nav.sections ul li a:hover { color: gold; }