:root{
    --nav-deselected: var(--color2);
    --nav-selected: var(--color3);

}


nav a:hover
{
    color: var(--nav-selected);
}

.navbar-content a
{
    transition: linear 50ms;
    color: var(--nav-deselected);
}

nav img{
    max-width: 100%;
    max-height: 100%;
}


nav a{
    color: var(--link-color);
}


nav{
    height: 2.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    width: 100%;
    background-color: var(--bg-accent-light);
}

.navbar-content{

    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
}

.navbar-content > *:not(:last-child){
    margin-right: 1rem;
}


.navbar-content > *:last-child{
    margin-left: auto;
}