/* #region Navigation */ 
nav {
    width: 100%;
    height: fit-content;
    font-size: 1.5em;

    background-color: var(--nav-background);
    border-bottom: 2px solid rgb(114, 114, 114);
}

nav>div {
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
}

nav a {
    text-decoration: none;
    color: white;
}


.nav-links {
    flex: 1;

    display: flex;
    flex-direction: row-reverse;
    border-right: 2px solid var(--grey);

    padding-right: 10px;
}

.nav-links a {
    padding-inline: 5px;
    margin-inline: 10px;
}

.nav-links a:hover {
    background-color: var(--main-background-5);
}

.nav-right {
    padding-left: 25px;
}