#btn_menu.active{
    z-index: 1001;
}
.landing-page .menu-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: -5;
    opacity: 0;
    transition: opacity 1000ms;
    display: none;
    justify-content: center;
    align-items: center;
}
.landing-page .menu-container .menu-wrapper {
    list-style: none;
    padding: 0;
}
.landing-page .menu-container .menu-wrapper li {
    margin: 10px 0;
    display: flex;
    justify-content: left;
}
.landing-page .menu-container .menu-wrapper li a {
    text-decoration: none;
    letter-spacing: 5px;
    font-weight: 700;
    font-size: 2em;
    color: #ffffff;
    text-shadow: 0px 0px 8px black;
    transition-duration: 200ms;
}
.landing-page .menu-container .menu-wrapper li a:hover {
    color: #ffffff;
}
.landing-page .menu-container .menu-wrapper li span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 68vmin;
    font-weight: 900;
    background-color: #24777e;
}
.landing-page .menu-container.active {
    transition-delay: 0ms;
    opacity: 1;
    display: flex;
    //background-color: #24777e;
    background: radial-gradient(ellipse at bottom, #0d1d31 0%, #0c0d13 100%);
    overflow: hidden;
    z-index: 1000;
}

/***************************** Animated BG *******************************************/
/*
.stars {
    z-index: 2000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    transform: rotate(-45deg);
}

.star {
    --star-color: red;
    --star-tail-length: 6em;
    --star-tail-height: 2px;
    --star-width: calc(var(--star-tail-length) / 6);
    --fall-duration: 9s;
    --tail-fade-duration: var(--fall-duration);
    position: absolute;
    top: var(--top-offset);
    left: 0;
    width: var(--star-tail-length);
    height: var(--star-tail-height);
    color: var(--star-color);
    background: linear-gradient(45deg, currentColor, transparent);
    border-radius: 50%;
    filter: drop-shadow(0 0 6px currentColor);
    transform: translate3d(104em, 0, 0);
    animation: fall var(--fall-duration) var(--fall-delay) linear infinite, tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite;
}
@media screen and (max-width: 750px) {
    .star {
        animation: fall var(--fall-duration) var(--fall-delay) linear infinite;
    }
}
.star:nth-child(1) {
    --star-tail-length: 6.61em;
    --top-offset: 11.32vh;
    --fall-duration: 6.776s;
    --fall-delay: 4.776s;
}
.star:nth-child(2) {
    --star-tail-length: 6.29em;
    --top-offset: 73.89vh;
    --fall-duration: 6.299s;
    --fall-delay: 5.197s;
}
.star:nth-child(3) {
    --star-tail-length: 7.29em;
    --top-offset: 62.15vh;
    --fall-duration: 7.737s;
    --fall-delay: 1.378s;
}
.star:nth-child(4) {
    --star-tail-length: 6.38em;
    --top-offset: 55.85vh;
    --fall-duration: 11.307s;
    --fall-delay: 0.729s;
}
.star:nth-child(5) {
    --star-tail-length: 6.34em;
    --top-offset: 60.53vh;
    --fall-duration: 6.49s;
    --fall-delay: 8.015s;
}
.star:nth-child(6) {
    --star-tail-length: 6.6em;
    --top-offset: 32.81vh;
    --fall-duration: 11.18s;
    --fall-delay: 2.253s;
}
.star:nth-child(7) {
    --star-tail-length: 7.11em;
    --top-offset: 87.54vh;
    --fall-duration: 6.677s;
    --fall-delay: 6.847s;
}
.star:nth-child(8) {
    --star-tail-length: 7.19em;
    --top-offset: 99.48vh;
    --fall-duration: 9.796s;
    --fall-delay: 7.053s;
}
.star:nth-child(9) {
    --star-tail-length: 6.98em;
    --top-offset: 1.38vh;
    --fall-duration: 11.532s;
    --fall-delay: 2.261s;
}
.star:nth-child(10) {
    --star-tail-length: 6.61em;
    --top-offset: 56.26vh;
    --fall-duration: 8.68s;
    --fall-delay: 5.582s;
}
.star:nth-child(11) {
    --star-tail-length: 6.35em;
    --top-offset: 57.42vh;
    --fall-duration: 6.023s;
    --fall-delay: 9.574s;
}
.star:nth-child(12) {
    --star-tail-length: 7.1em;
    --top-offset: 51.12vh;
    --fall-duration: 6.095s;
    --fall-delay: 1.298s;
}
.star:nth-child(13) {
    --star-tail-length: 5.5em;
    --top-offset: 51.17vh;
    --fall-duration: 11.017s;
    --fall-delay: 4.139s;
}
.star:nth-child(14) {
    --star-tail-length: 6.8em;
    --top-offset: 29.99vh;
    --fall-duration: 10.075s;
    --fall-delay: 2.993s;
}
.star:nth-child(15) {
    --star-tail-length: 6.96em;
    --top-offset: 82.95vh;
    --fall-duration: 7.175s;
    --fall-delay: 6.818s;
}
.star:nth-child(16) {
    --star-tail-length: 6.11em;
    --top-offset: 70.24vh;
    --fall-duration: 8.918s;
    --fall-delay: 8.492s;
}
.star:nth-child(17) {
    --star-tail-length: 5.35em;
    --top-offset: 38.29vh;
    --fall-duration: 8.33s;
    --fall-delay: 0.054s;
}
.star:nth-child(18) {
    --star-tail-length: 6.51em;
    --top-offset: 94.84vh;
    --fall-duration: 9.378s;
    --fall-delay: 1.988s;
}
.star:nth-child(19) {
    --star-tail-length: 5.41em;
    --top-offset: 97.27vh;
    --fall-duration: 6.278s;
    --fall-delay: 4.783s;
}
.star:nth-child(20) {
    --star-tail-length: 5.49em;
    --top-offset: 26.26vh;
    --fall-duration: 7.269s;
    --fall-delay: 3.788s;
}
.star:nth-child(21) {
    --star-tail-length: 5.86em;
    --top-offset: 99.3vh;
    --fall-duration: 7.323s;
    --fall-delay: 7.578s;
}
.star:nth-child(22) {
    --star-tail-length: 7.22em;
    --top-offset: 98.81vh;
    --fall-duration: 7.115s;
    --fall-delay: 5.584s;
}
.star:nth-child(23) {
    --star-tail-length: 5.71em;
    --top-offset: 16.67vh;
    --fall-duration: 8.438s;
    --fall-delay: 4.994s;
}
.star:nth-child(24) {
    --star-tail-length: 7.02em;
    --top-offset: 48.41vh;
    --fall-duration: 11.622s;
    --fall-delay: 6.266s;
}
.star:nth-child(25) {
    --star-tail-length: 6.11em;
    --top-offset: 88.35vh;
    --fall-duration: 11.158s;
    --fall-delay: 8.163s;
}
.star:nth-child(26) {
    --star-tail-length: 6.62em;
    --top-offset: 68.86vh;
    --fall-duration: 10.818s;
    --fall-delay: 7.056s;
}
.star:nth-child(27) {
    --star-tail-length: 6.96em;
    --top-offset: 24.3vh;
    --fall-duration: 9.811s;
    --fall-delay: 6.484s;
}
.star:nth-child(28) {
    --star-tail-length: 6.02em;
    --top-offset: 82.1vh;
    --fall-duration: 10.682s;
    --fall-delay: 5.782s;
}
.star:nth-child(29) {
    --star-tail-length: 6.24em;
    --top-offset: 22.72vh;
    --fall-duration: 10.24s;
    --fall-delay: 4.113s;
}
.star:nth-child(30) {
    --star-tail-length: 5.34em;
    --top-offset: 19.46vh;
    --fall-duration: 10.264s;
    --fall-delay: 0.326s;
}
.star:nth-child(31) {
    --star-tail-length: 6.84em;
    --top-offset: 89.84vh;
    --fall-duration: 8.464s;
    --fall-delay: 5.75s;
}
.star:nth-child(32) {
    --star-tail-length: 6.24em;
    --top-offset: 14.53vh;
    --fall-duration: 10.97s;
    --fall-delay: 1.803s;
}
.star:nth-child(33) {
    --star-tail-length: 5.79em;
    --top-offset: 71.64vh;
    --fall-duration: 7.348s;
    --fall-delay: 2.55s;
}
.star:nth-child(34) {
    --star-tail-length: 7.03em;
    --top-offset: 0.76vh;
    --fall-duration: 7.999s;
    --fall-delay: 5.652s;
}
.star:nth-child(35) {
    --star-tail-length: 6.67em;
    --top-offset: 13.92vh;
    --fall-duration: 11.571s;
    --fall-delay: 0.306s;
}
.star:nth-child(36) {
    --star-tail-length: 5.39em;
    --top-offset: 46.11vh;
    --fall-duration: 10.189s;
    --fall-delay: 7.172s;
}
.star:nth-child(37) {
    --star-tail-length: 6.75em;
    --top-offset: 93.96vh;
    --fall-duration: 6.193s;
    --fall-delay: 8.249s;
}
.star:nth-child(38) {
    --star-tail-length: 7.05em;
    --top-offset: 56.55vh;
    --fall-duration: 6.747s;
    --fall-delay: 6.4s;
}
.star:nth-child(39) {
    --star-tail-length: 5.57em;
    --top-offset: 23.41vh;
    --fall-duration: 9.12s;
    --fall-delay: 9.392s;
}
.star:nth-child(40) {
    --star-tail-length: 6.49em;
    --top-offset: 11.26vh;
    --fall-duration: 8.716s;
    --fall-delay: 7.447s;
}
.star:nth-child(41) {
    --star-tail-length: 5.92em;
    --top-offset: 28.3vh;
    --fall-duration: 6.042s;
    --fall-delay: 6.45s;
}
.star:nth-child(42) {
    --star-tail-length: 5.29em;
    --top-offset: 34.98vh;
    --fall-duration: 8.643s;
    --fall-delay: 4.452s;
}
.star:nth-child(43) {
    --star-tail-length: 6.06em;
    --top-offset: 60.57vh;
    --fall-duration: 6.014s;
    --fall-delay: 3.848s;
}
.star:nth-child(44) {
    --star-tail-length: 5.67em;
    --top-offset: 34.86vh;
    --fall-duration: 10.706s;
    --fall-delay: 6.761s;
}
.star:nth-child(45) {
    --star-tail-length: 5.97em;
    --top-offset: 84.77vh;
    --fall-duration: 10.891s;
    --fall-delay: 7.268s;
}
.star:nth-child(46) {
    --star-tail-length: 6.72em;
    --top-offset: 83.01vh;
    --fall-duration: 7.837s;
    --fall-delay: 7.985s;
}
.star:nth-child(47) {
    --star-tail-length: 7.07em;
    --top-offset: 35.5vh;
    --fall-duration: 8.52s;
    --fall-delay: 8.759s;
}
.star:nth-child(48) {
    --star-tail-length: 7.06em;
    --top-offset: 68.21vh;
    --fall-duration: 8.426s;
    --fall-delay: 1.419s;
}
.star:nth-child(49) {
    --star-tail-length: 6.18em;
    --top-offset: 50.33vh;
    --fall-duration: 11.259s;
    --fall-delay: 4.549s;
}
.star:nth-child(50) {
    --star-tail-length: 5.07em;
    --top-offset: 86.64vh;
    --fall-duration: 10.742s;
    --fall-delay: 0.989s;
}
.star::before, .star::after {
    position: absolute;
    content: "";
    top: 0;
    left: calc(var(--star-width) / -2);
    width: var(--star-width);
    height: 100%;
    background: linear-gradient(45deg, transparent, currentColor, transparent);
    border-radius: inherit;
    animation: blink 2s linear infinite;
}
.star::before {
    transform: rotate(45deg);
}
.star::after {
    transform: rotate(-45deg);
}

@keyframes fall {
    to {
        transform: translate3d(-30em, 0, 0);
    }
}
@keyframes tail-fade {
    0%, 50% {
        width: var(--star-tail-length);
        opacity: 1;
    }
    70%, 80% {
        width: 0;
        opacity: 0.4;
    }
    100% {
        width: 0;
        opacity: 0;
    }
}
@keyframes blink {
    50% {
        opacity: 0.6;
    }
}

 */