nav{
    height:40px;
    position:inherit;
    top:0;
    
    z-index:1;
    
    text-align: center;
    display: grid;
    
}

.nav{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:32px;
    background:none;
    text-decoration:none;
    cursor:pointer;
    
    float:left;
    clear:left;
    text-align:center;
    
    font-size: var(--font-size);
    
    width:100%;
    margin:0 0 10px 0;
    
    background-color: var(--main-color);
    
    color:var(--main-fg-color);
    text-decoration-color:#d4d4d4;
    border-color: #000000;
    
    border-width: var(--button-border-width);
    border-style: var(--button-border-style);
    
}

.navSep {
    width: 100%;
    float:left;
    margin-bottom: 20px;
    background-color: var(--main-title-fg-color);
    border-color: var(--main-title-fg-color);
}

.selected-nav {
    border-style: var(--button-selected-style);
    background-color: var(--main-bg-color);
    color: var(--main-title-fg-color);
}

.disabled-nav {
    color: gray;
    cursor: default;
}