nav {
    position: relative;
    z-index: 99;
    border-top: 1px solid var(--gray_dark);
    box-shadow: var(--bs);
    background-color: var(--gray);
    display: flex;
    justify-content: center;
 }
 
 nav>div {
    max-width: var(--mw);
    width: 100%;
    display: flex;
 }
 
 nav>div>div {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
    font-size: 1.25rem;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
 }
 
 nav>div>div.selected {
    color: var(--accent);
    background-color: white;
 }
 
 nav>div>div:hover {
    color: var(--accent);
    background-color: var(--gray_lighter);
    cursor: pointer;
 }
 
 nav>div>div.selected:hover {
    color: var(--accent_light);
    background-color: white;
 }
 
 nav>div>div:active, nav>div>div.selected:active {
    color: var(--accent_darker);
    background-color: var(--gray_dark2);
 }
 
 nav>div>div.selected:active {
    background-color: var(--gray_lighter);
 }
 
 nav i {
    font-size: 130%;
 }

 nav p {
    font-size: 65%;
 }