#menu {
    position: fixed;
    top: 2.5rem;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    transform: translate(-100vw, -100vh);
    z-index: 95;
}

#menu.menu-open {transform: translateY(0);}
#menu-open.menu-transition {transition-delay: 500ms;}


/* MENU LINK */
.menu-link {
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    transition: transform 500ms;
}

.menu-link .marquee-container {
    display: flex;
    align-items: center;
}

.menu-link:nth-last-of-type(odd) .marquee-container {animation: marqueeXback 8s linear infinite;}
.menu-link:nth-last-of-type(even) .marquee-container {animation: marqueeXfront 8s linear infinite;}

.menu-link:nth-of-type(odd) {transform: translateX(-100vw);}
.menu-link:nth-of-type(even) {transform: translateX(100vw);}

#menu.menu-open .menu-link {
    transform: translateY(0);
}

@media (hover: hover) {
    .menu-link span {
        transition: 200ms;
    }

    .menu-link:hover span {
        transform: skew(-16deg);
    }
}

/* img */
.menu-link .marquee-container > * {margin-left: 1rem;}
.menu-link img {
    width: auto;
    height: 14vh;
}
@media only screen and (min-width: 1024px) {
    .menu-link img {
        height: 15vh;
    }
}