/* nav */
/*
nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0;
}

.logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1em;
}

.logoface {
    width: 50px;
    transform: rotate(0);
}

.logo:hover >
.logoface {
    transform: rotate(360deg);
    transition: all ease-in-out 0.4s;
}

.sitename {
    font-size: var(--subtitle);
    letter-spacing: -0.5px;
}

.menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2%;
    justify-content: flex-end;
}

.menu.hide {
    display: flex;
}

.ham-menu {
    display: none;
}

.menu-item {
    font-size: var(--sub);
    width: 100%;
    white-space: nowrap;
    background-color: transparent;
    padding: 1em;
    border-radius: 6px;
    transition: opacity 0.3s ease;
}


.menu-item:hover {
    opacity: 0.6;
    transition: opacity 0.3s ease;
}


.menu-item-font {
    font-size: var(--sub) !important;
}

.menu-item-header {
    opacity: 50%;
}
.current {
    font-weight: bold;
}

.menu > .primary-button {
    margin-left: 2em;
}
*/