nav.upBar {
    z-index: 999;
    padding: 0 var(--generalMarginLeft);
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--upBarHeight);
    cursor: pointer;
    position: fixed;
    transition: 0.5s;
}

nav.upBar div {
    padding: 8px 0;
    font-size: 16px;
}

.upBarLimiter {
    z-index: 1;
    position: fixed;
    overflow: hidden;
    height: var(--upBarHeight);
    transition: 0.5s;
}

.upBarColor {
    z-index: 1;
    width: 100vw;
    height: calc(100vh - var(--upBarHeight));
    background-image: linear-gradient(var(--customCrimson), var(--customPurple));
}

a {
    text-decoration: none;
}

.loginUpBar {
    position: fixed;
    right: 0;
    filter: var(--shadowColor);
}

nav.upBar a,
nav.drawer a {
    margin-right: 50px;
    font-weight: bold;
    color: white;
}

/* drawer */
.drawerButton,
.drawer {
    display: none;
}