nav {
    position: fixed;
    top: 0;
    width: 99vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-background-primary);
    z-index: 2;
}

#nav-center a h5:hover {
    color: var(--color-text-100)
}

#nav-wrapper {
    width:76vw;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#nav-left, #nav-center, #nav-right {
    display: flex;
    align-items: center;
    width: 33%;
}

#nav-right {
    justify-content: right;
}

#nav-center {
    justify-content: center;
    color: var(--color-text-30);
}

#selected {
    color: var(--color-text-100) !important;
}

#nav-center h5 {
    padding: 1rem;
    font-weight: 550;
}

#nav-placeholder {
    position:relative;
    opacity: 0;
}