@keyframes scale1 {
    0% {
        transform: perspective(569px) rotateY(23deg) rotateX(20deg) rotate(27deg) translate(-252px, -354px) translateZ(-175px) scale(1);
    }
    50% {
        transform: perspective(569px) rotateY(23deg) rotateX(20deg) rotate(27deg) translate(-252px, -354px) translateZ(-175px) scale(1.2);
    }

    100% {
        transform: perspective(569px) rotateY(23deg) rotateX(20deg) rotate(27deg) translate(-252px, -354px) translateZ(-175px) scale(1);
    }
}

@keyframes scale2 {
    0% {
        transform: perspective(650px) rotateY(-25deg) rotateX(25deg) rotate(-25deg) translate(6px, -183px) translateZ(-35px);
    }
    50% {
        transform: perspective(650px) rotateY(-25deg) rotateX(25deg) rotate(-25deg) translate(60px, -225px) translateZ(-35px);
    }

    100% {
        transform: perspective(650px) rotateY(-25deg) rotateX(25deg) rotate(-25deg) translate(6px, -183px) translateZ(-35px);
    }
}

@keyframes scale3 {
    0% {
        transform: translate(calc(-50% + 70px), -130px) scale(0.85);
    }
    50% {
        transform: translate(calc(-50% + 70px), -150px) scale(0.95);
    }

    100% {
        transform: translate(calc(-50% + 70px), -130px) scale(0.85);
    }
}

@keyframes scroll {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes rotateLineLogo {
    0% {
        transform: rotate(0);
    }

    100% {
        opacity: 1;
        transform: rotate(-180deg);
    }
}

@keyframes rotateStar {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-180deg) scale(0);
    }
}

@keyframes logoContainer {
    0% {
        width: 0;
    }

    60% {
        width: 115px;
    }
    100% {
        width: 110px;
    }
}

@keyframes animationHolder {
    0% {

    }

    90% {
        opacity: 0;
    }
    100% {
        display: none;
        opacity: 0;
        z-index: -9;
    }
}

@keyframes animationScaleMoveDown {
    0% {

    }

    100% {
        transform: none;
        opacity: 1;
    }
}

@keyframes animationCardMove {
    0% {

    }

    100% {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }
}

@media (max-height: 720px) {
    @keyframes animationCardMove {
        0% {

        }

        100% {
            transform: translateX(-50%) translateY(0) scale(0.7);
            opacity: 1;
        }
    }
}

@media (max-width: 768px) {
    @keyframes animationCardMove {
        0% {

        }

        100% {
            transform: translateX(-50%) translateY(0) scale(0.5);
            opacity: 1;
        }
    }
}