@keyframes criss-cross-left {
    0% {
        left: -20px;
    }
    50% {
        left: 50%;
        width: 20px;
        height: 20px;
    }
    100% {
        left: 50%;
        width: 375px;
        height: 375px;
    }
}
@keyframes criss-cross-right {
    0% {
        right: -20px;
    }
    50% {
        right: 50%;
        width: 20px;
        height: 20px;
    }
    100% {
        right: 50%;
        width: 375px;
        height: 375px;
    }
}
@keyframes rotated {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-360deg);
    }
}
@keyframes zoomBig {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(0.8, 0.8);
    }
    100% {
        transform: scale(1, 1);
    }
}
@keyframes zump-two {
    0% {
        transform: translateY(0) translateX(0);
    }
    100% {
        transform: translateY(-10px) translateX(-10px);
    }
}
@keyframes arrowMove {
    0%, 100% {
        transform: rotate(0deg) translateY(0);
    }
    25%, 75% {
        transform: rotate(-2deg) translateY(10px);
    }
    50% {
        transform: rotate(-4deg) translateY(15px);
    }
}
@keyframes carMove {
    0%, 100% {
        transform: rotate(0deg) translateX(0);
    }
    25%, 75% {
        transform: rotate(-3deg) translateX(20px);
    }
    50% {
        transform: rotate(-6deg) translateX(40px);
    }
}
@keyframes float-bob-x {
    0% {
        transform: translateX(-30px);
    }
    50% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(-30px);
    }
}
@keyframes squareMover {
    0%, 100% {
        transform: translate(0, 0) rotate(0);
    }
    20%, 60% {
        transform: translate(20px, 40px) rotate(180deg);
    }
    30%, 80% {
        transform: translate(40px, 60px) rotate(0deg);
    }
}
@keyframes br-translate {
    0% {
        transform: translateX(0px) translateY(0px);
    }
    50% {
        transform: translateX(-5px) translateY(-5px);
    }
    100% {
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes rotated2 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}
@keyframes airTree {
    0%, 100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }
    25%, 75% {
        -webkit-transform: rotate(5deg) translateX(15px);
        transform: rotate(5deg) translateX(15px);
    }
    50% {
        -webkit-transform: rotate(10deg) translateX(30px);
        transform: rotate(10deg) translateX(30px);
    }
}
@keyframes animationFrames {
    0% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
    20% {
        transform: translate(73px, -1px) rotate(36deg) scale(0.9);
    }
    40% {
        transform: translate(141px, 72px) rotate(72deg) scale(1);
    }
    60% {
        transform: translate(83px, 122px) rotate(108deg) scale(1.2);
    }
    80% {
        transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
    }
    100% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}
@keyframes float-bob-y-2 {
    0% {
        -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(10px) translateX(10px) rotate(5deg);
        transform: translateY(10px) translateX(10px) rotate(5deg);
    }
    100% {
        -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }
}
@keyframes leftToRight {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(-15px);
    }
    100% {
        transform: translateX(0px);
    }
}
@keyframes treeMove {
    0%, 100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }
    25%, 75% {
        -webkit-transform: rotate(5deg) translateX(15px);
        transform: rotate(5deg) translateX(15px);
    }
    50% {
        -webkit-transform: rotate(10deg) translateX(30px);
        transform: rotate(10deg) translateX(30px);
    }
}
@keyframes zump-one {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(10px);
    }
}
@keyframes wobble-horizontal-on-hover {
    16.65% {
        transform: translateX(8px);
    }
    33.3% {
        transform: translateX(-6px);
    }

    49.95% {
        transform: translateX(4px);
    }
    66.6% {
        transform: translateX(-2px);
    }
    83.25% {
        transform: translateX(1px);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}
@keyframes wobble-horizontal-on-hover {
    16.65% {
        transform: translateX(8px);
    }
    33.3% {
        transform: translateX(-6px);
    }
    49.95% {
        transform: translateX(4px);
    }
    66.6% {
        transform: translateX(-2px);
    }
    83.25% {
        transform: translateX(1px);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes iconTranslateX {
    49% {
        transform: translateX(100%);
    }
    50% {
        fill: transparent;
        transform: translateX(-100%);
    }
    51% {
        fill: #F25334;
    }
}
@keyframes shimmer {
    from {
        background-position: -200%;
    }
    to {
        background-position: 200%;
    }
}