/* this script if only for animations that were way to long to put in a readable css file to not clutter the place up */

@keyframes spin-bounce {
    0.571429% {
        transform: translateY(-2%);
    }

    2.857143% {
        transform: translateY(0%);
    }

    3.428571% {
        transform: translateY(-102%);
    }

    5.714286% {
        transform: translateY(-100%);
    }

    6.285714% {
        transform: translateY(-202%);
    }

    8.571429% {
        transform: translateY(-200%);
    }

    9.142857% {
        transform: translateY(-302%);
    }

    11.428571% {
        transform: translateY(-300%);
    }

    12.000000% {
        transform: translateY(-402%);
    }

    14.285714% {
        transform: translateY(-400%);
    }

    14.857143% {
        transform: translateY(-502%);
    }

    17.142857% {
        transform: translateY(-500%);
    }

    17.714286% {
        transform: translateY(-602%);
    }

    20.000000% {
        transform: translateY(-600%);
    }

    20.571429% {
        transform: translateY(-702%);
    }

    22.857143% {
        transform: translateY(-700%);
    }

    23.428571% {
        transform: translateY(-802%);
    }

    25.714286% {
        transform: translateY(-800%);
    }

    26.285714% {
        transform: translateY(-902%);
    }

    28.571429% {
        transform: translateY(-900%);
    }

    29.142857% {
        transform: translateY(-1002%);
    }

    31.428571% {
        transform: translateY(-1000%);
    }

    32.000000% {
        transform: translateY(-1102%);
    }

    34.285714% {
        transform: translateY(-1100%);
    }

    34.857143% {
        transform: translateY(-1202%);
    }

    37.142857% {
        transform: translateY(-1200%);
    }

    37.714286% {
        transform: translateY(-1302%);
    }

    40.000000% {
        transform: translateY(-1300%);
    }

    40.571429% {
        transform: translateY(-1402%);
    }

    42.857143% {
        transform: translateY(-1400%);
    }

    43.428571% {
        transform: translateY(-1502%);
    }

    45.714286% {
        transform: translateY(-1500%);
    }

    46.285714% {
        transform: translateY(-1602%);
    }

    48.571429% {
        transform: translateY(-1600%);
    }

    49.142857% {
        transform: translateY(-1702%);
    }

    51.428571% {
        transform: translateY(-1700%);
    }

    52.000000% {
        transform: translateY(-1802%);
    }

    54.285714% {
        transform: translateY(-1800%);
    }

    54.857143% {
        transform: translateY(-1902%);
    }

    57.142857% {
        transform: translateY(-1900%);
    }

    57.714286% {
        transform: translateY(-2002%);
    }

    60.000000% {
        transform: translateY(-2000%);
    }

    60.571429% {
        transform: translateY(-2102%);
    }

    62.857143% {
        transform: translateY(-2100%);
    }

    63.428571% {
        transform: translateY(-2202%);
    }

    65.714286% {
        transform: translateY(-2200%);
    }

    66.285714% {
        transform: translateY(-2302%);
    }

    68.571429% {
        transform: translateY(-2300%);
    }

    69.142857% {
        transform: translateY(-2402%);
    }

    71.428571% {
        transform: translateY(-2400%);
    }

    72.000000% {
        transform: translateY(-2502%);
    }

    74.285714% {
        transform: translateY(-2500%);
    }

    74.857143% {
        transform: translateY(-2602%);
    }

    77.142857% {
        transform: translateY(-2600%);
    }

    77.714286% {
        transform: translateY(-2702%);
    }

    80.000000% {
        transform: translateY(-2700%);
    }

    80.571429% {
        transform: translateY(-2802%);
    }

    82.857143% {
        transform: translateY(-2800%);
    }

    83.428571% {
        transform: translateY(-2902%);
    }

    85.714286% {
        transform: translateY(-2900%);
    }

    86.285714% {
        transform: translateY(-3002%);
    }

    88.571429% {
        transform: translateY(-3000%);
    }

    89.142857% {
        transform: translateY(-3102%);
    }

    91.428571% {
        transform: translateY(-3100%);
    }

    92.000000% {
        transform: translateY(-3202%);
    }

    94.285714% {
        transform: translateY(-3200%);
    }

    94.857143% {
        transform: translateY(-3302%);
    }

    97.142857% {
        transform: translateY(-3300%);
    }

    97.714286% {
        transform: translateY(-3402%);
    }

    100% {
        transform: translateY(-3400%);
    }
}



@keyframes flickering {

    0%,
    100% {
        opacity: 1;
    }

    41.99% {
        opacity: 1;
    }

    42% {
        opacity: 0;
    }

    43% {
        opacity: 0;
    }

    43.01% {
        opacity: 1;
    }

    47.99% {
        opacity: 1;
    }

    48% {
        opacity: 0;
    }

    49% {
        opacity: 0;
    }

    49.01% {
        opacity: 1;
    }
}




.card-3d img:nth-child(1) {
    --card-angle: 0.0000deg;
    animation-delay: -0s;
}

.card-3d img:nth-child(2) {
    --card-angle: 10.2857deg;
    animation-delay: -2s;
}

.card-3d img:nth-child(3) {
    --card-angle: 20.5714deg;
    animation-delay: -4s;
}

.card-3d img:nth-child(4) {
    --card-angle: 30.8571deg;
    animation-delay: -6s;
}

.card-3d img:nth-child(5) {
    --card-angle: 41.1429deg;
    animation-delay: -8s;
}

.card-3d img:nth-child(6) {
    --card-angle: 51.4286deg;
    animation-delay: -10s;
}

.card-3d img:nth-child(7) {
    --card-angle: 61.7143deg;
    animation-delay: -12s;
}

.card-3d img:nth-child(8) {
    --card-angle: 72.0000deg;
    animation-delay: -14s;
}

.card-3d img:nth-child(9) {
    --card-angle: 82.2857deg;
    animation-delay: -16s;
}

.card-3d img:nth-child(10) {
    --card-angle: 92.5714deg;
    animation-delay: -18s;
}

.card-3d img:nth-child(11) {
    --card-angle: 102.8571deg;
    animation-delay: -20s;
}

.card-3d img:nth-child(12) {
    --card-angle: 113.1429deg;
    animation-delay: -22s;
}

.card-3d img:nth-child(13) {
    --card-angle: 123.4286deg;
    animation-delay: -24s;
}

.card-3d img:nth-child(14) {
    --card-angle: 133.7143deg;
    animation-delay: -26s;
}

.card-3d img:nth-child(15) {
    --card-angle: 144.0000deg;
    animation-delay: -28s;
}

.card-3d img:nth-child(16) {
    --card-angle: 154.2857deg;
    animation-delay: -30s;
}

.card-3d img:nth-child(17) {
    --card-angle: 164.5714deg;
    animation-delay: -32s;
}

.card-3d img:nth-child(18) {
    --card-angle: 174.8571deg;
    animation-delay: -34s;
}

.card-3d img:nth-child(19) {
    --card-angle: 185.1429deg;
    animation-delay: -36s;
}

.card-3d img:nth-child(20) {
    --card-angle: 195.4286deg;
    animation-delay: -38s;
}

.card-3d img:nth-child(21) {
    --card-angle: 205.7143deg;
    animation-delay: -40s;
}

.card-3d img:nth-child(22) {
    --card-angle: 216.0000deg;
    animation-delay: -42s;
}

.card-3d img:nth-child(23) {
    --card-angle: 226.2857deg;
    animation-delay: -44s;
}

.card-3d img:nth-child(24) {
    --card-angle: 236.5714deg;
    animation-delay: -46s;
}

.card-3d img:nth-child(25) {
    --card-angle: 246.8571deg;
    animation-delay: -48s;
}

.card-3d img:nth-child(26) {
    --card-angle: 257.1429deg;
    animation-delay: -50s;
}

.card-3d img:nth-child(27) {
    --card-angle: 267.4286deg;
    animation-delay: -52s;
}

.card-3d img:nth-child(28) {
    --card-angle: 277.7143deg;
    animation-delay: -54s;
}

.card-3d img:nth-child(29) {
    --card-angle: 288.0000deg;
    animation-delay: -56s;
}

.card-3d img:nth-child(30) {
    --card-angle: 298.2857deg;
    animation-delay: -58s;
}

.card-3d img:nth-child(31) {
    --card-angle: 308.5714deg;
    animation-delay: -60s;
}

.card-3d img:nth-child(32) {
    --card-angle: 318.8571deg;
    animation-delay: -62s;
}

.card-3d img:nth-child(33) {
    --card-angle: 329.1429deg;
    animation-delay: -64s;
}

.card-3d img:nth-child(34) {
    --card-angle: 339.4286deg;
    animation-delay: -66s;
}

.card-3d img:nth-child(35) {
    --card-angle: 349.7143deg;
    animation-delay: -68s;
}

.card-3d img:nth-child(36) {
    --card-angle: 360deg;
    animation-delay: -70s;
}