.blinkers {
    max-height: 10rem;
    animation: blink 1s linear infinite;
    -webkit-filter: drop-shadow(0px 3px 2px #666666);
    filter: drop-shadow(0px 3px 2px #666666);
}

.loadingScreenBG, .loadingScreenBGExit {
    width: 100%;
    z-index: 999;
    height: 100vh;
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;
    background-color: #24354B;
}

.loadingScreenBGExit {
    animation: slide-out 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    -webkit-animation: slide-out 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

.loadingScreenContainer, .loadingScreenContainerExit {
    padding: 1rem;
    border-radius: 7rem;
    background-color: #F6A69A;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.loadingScreenContainer {
    animation: slide-in-top 3s ease-in-out both;
    -webkit-animation: slide-in-top 3s ease-in-out both;
}

.loadingScreenContainerExit {
    animation: rotate-out 0.8s ease-in-out both;
    -webkit-animation: rotate-out 0.8s ease-in-out both;
}

.loadingScreenContainerMain {
    display: flex;
    transition: 1s;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.loadingScreenNullText {
    font-size: 0rem;
}

.loadingScreenText {
    color: ivory;
    font-size: 2rem;
    transition: 1.5s;
    font-family: VarelaRound;
}

@keyframes blink {
    50% {
        opacity: 0.8;
    }
}

@-webkit-keyframes blink {
    50% {
        opacity: 0.8;
    }
}

@-webkit-keyframes slide-in-top {
    0% {
        opacity: 0;
        transform: translateY(-1000px);
        -webkit-transform: translateY(-1000px);
    }

    50% {
        opacity: 1;
        transform: translateY(0);
        transform: translateY(0);
        transform-origin: 50% 50%;
        -webkit-transform: translateY(0);
        -webkit-transform: translateY(0);
        -webkit-transform-origin: 50% 50%;
    }

    100% {
        transform-origin: 50% 50%;
        transform: translateY(-25px);
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: translateY(-25px);
    }
}

@keyframes slide-in-top {
    0% {
        opacity: 0;
        transform: translateY(-1000px);
        -webkit-transform: translateY(-1000px);
    }

    50% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 50% 50%;
        -webkit-transform: translateY(0);
        -webkit-transform-origin: 50% 50%;
    }

    100% {
        transform-origin: 50% 50%;
        transform: translateY(-25px);
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: translateY(-25px);
    }
}

@-webkit-keyframes rotate-out {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        transform: translateY(-25px) rotate(0);
        -webkit-transform: translateY(-25px) rotate(0);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        transform: translateY(-25px) rotate(45deg);
        -webkit-transform: translateY(-25px) rotate(45deg);
    }
}

@keyframes rotate-out {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        transform: rotate(0) translateY(-25px);
        -webkit-transform: rotate(0) translateY(-25px);;
    }

    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        transform: rotate(45deg) translateY(-25px);
        -webkit-transform: rotate(45deg) translateY(-25px);
    }
}

@-webkit-keyframes slide-out {
    0% {
        opacity: 1;
        transform: translateZ(1);
        -webkit-transform: translateZ(1);
    }

    100% {
        opacity: 0;
        transform: translateZ(600px);
        -webkit-transform: translateZ(600px);
    }
}

@keyframes slide-out {
    0% {
        opacity: 1;
        transform: translateZ(1);
        -webkit-transform: translateZ(1);
    }

    100% {
        opacity: 0;
        transform: translateZ(600px);
        -webkit-transform: translateZ(600px);
    }
}