#navDIV
{
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100vw;
    box-shadow:0 0 3em rgba(83, 0, 100, 0.7);
    padding: clamp(0.2em, 0.5vw, 0.5em);
}

#navLogo
{
    position: fixed;
}

#navLogo img,
.navItem img
{
    height: 100%;
}

#navLogo,
#navItems
{
    height: clamp(2em, 5vw, 5em);
    cursor: pointer;
}

#navDIV,
#navItems
{
    display: inline-flex;
}

#navItems
{
    align-items: center;
    margin-left: 50%;
    transform: translateX(-50%);
}

.navItem
{
    margin: 0 clamp(1em, 3vw, 2em);
    text-transform: uppercase;
    color: #E7B7F7;
    font-size: clamp(0.3em, 1.2vw, 1em);
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
}