/* System light mode */
@media (prefers-color-scheme: light)
{
    #username_logo
    {
        background: url("/images/light_mode/light_user_icon.png") center center no-repeat;
        background-size: contain;
    }

    #password_logo
    {
        background: url("/images/light_mode/light_lock_icon.png") center center no-repeat;
        background-size: contain;
    }
}

/* System dark mode */
@media (prefers-color-scheme: dark)
{

    /* Put your dark mode CSS here */
    #username_logo
    {
        background: url("/images/dark_mode/dark_user_icon.png") center center no-repeat;
        background-size: contain;
    }
    
    #password_logo
    {
        background: url("/images/dark_mode/dark_lock_icon.png") center center no-repeat;
        background-size: contain;
    }
}

#nav_container
{
    border-top: none;
    border-bottom: none;
    width: var(--nav-container-width);
}