#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

#loading-screen img {
    position: relative;
    top: -5%;
}

.loading-screen-text {
    position: absolute;
    width: 90%;
    top: 25%;
    left: 7%;
    display: flex;
    flex-direction: column;
    align-content: space-between;
}


.title {
    font-size: 9vw;
    line-height: 1;
    margin-bottom: 0.5vw;
}


/* JUMPING TEXT */
.text1 span {
    opacity: 0;
    font-family: "Cinetype Bold";
    text-transform: uppercase;
    transform: translate(0, -100px) rotate(360deg) scale(0);
    animation: dropVanish .5s forwards;
}

@keyframes dropVanish {
    30% {
        transform: translate(0, -50px) rotate(180deg) scale(1);
    }

    50% {
        transform: translate(0, 20px) scale(.8) rotate(0deg);
        opacity: 1;
    }


    80% {
        transform: translate(-100px, -100px) scale(1.5) rotate(-180deg);
        opacity: 0;
    }

    100% {
        transform: translate(0) scale(1) rotate(0deg);
        opacity: 1;
    }
}


.animate {
    font-size: 2.9vw;
    padding-left: 0.6vw;
}

.animate span {
    display: inline-block;
}

.animate span:nth-of-type(2) {
    animation-delay: .05s;
}

.animate span:nth-of-type(3) {
    animation-delay: .1s;
}

.animate span:nth-of-type(4) {
    animation-delay: .15s;
}

.animate span:nth-of-type(5) {
    animation-delay: .2s;
}

.animate span:nth-of-type(6) {
    animation-delay: .25s;
}

.animate span:nth-of-type(7) {
    animation-delay: .3s;
}

.animate span:nth-of-type(8) {
    animation-delay: .35s;
}

.animate span:nth-of-type(9) {
    animation-delay: .4s;
}

.animate span:nth-of-type(10) {
    animation-delay: .45s;
}

.animate span:nth-of-type(11) {
    animation-delay: .5s;
}

.animate span:nth-of-type(12) {
    animation-delay: .55s;
}

.animate span:nth-of-type(13) {
    animation-delay: .6s;
}

.animate span:nth-of-type(14) {
    animation-delay: .65s;
}

.animate span:nth-of-type(15) {
    animation-delay: .7s;
}

.animate span:nth-of-type(16) {
    animation-delay: .75s;
}

.animate span:nth-of-type(17) {
    animation-delay: .8s;
}

.animate span:nth-of-type(18) {
    animation-delay: .85s;
}

.animate span:nth-of-type(19) {
    animation-delay: .9s;
}

.animate span:nth-of-type(20) {
    animation-delay: .95s;
}

.animate span:nth-of-type(21) {
    animation-delay: 1.0s;
}

.animate span:nth-of-type(22) {
    animation-delay: 1.05s;
}

.animate span:nth-of-type(23) {
    animation-delay: 1.1s;
}

.animate span:nth-of-type(24) {
    animation-delay: 1.15s;
}

.animate span:nth-of-type(25) {
    animation-delay: 1.20s;
}

.animate span:nth-of-type(26) {
    animation-delay: 1.25s;
}

.animate span:nth-of-type(27) {
    animation-delay: 1.30s;
}

.animate span:nth-of-type(28) {
    animation-delay: 1.35s;
}




#footnote-1 {
    font-family: 'Rules Light';
    font-size: 1.1vw;
    width: 15vw;
    text-indent: -9%;
    position: absolute;
    right: 2%;
    top: -20%;
}

#footnote-2 {
    display: flex;
    flex-direction: row;
    gap: 0.5vw;
    position: absolute;
    right: 5%;
    bottom: 8%
}

#footnote-2 h3 {
    font-size: 2.5vw;
}

.footnote-2-left {
    font-family: 'Mono Book';
}


.footnote-2-right {
    text-decoration: underline dotted 3px;
}