@keyframes windDash {
    80% { opacity: 0; transform: translate(0, 0); }
    84% { opacity: 1; }
    86% { opacity: 0; transform: translate(100px, -20px); }
}

@keyframes treeWind {
    80% { transform: rotate(0deg); }
    90% { transform: rotate(15deg); }
    95% { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
}

@keyframes bushWind {
    80% { transform: rotate(0deg); }
    90% { transform: rotate(5deg); }
    95% { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
}

@keyframes horizontalScroll {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 100% 0;
    }
}

@keyframes text-shadow {
    0% {
        text-shadow:
            0 0 0 #0c2ffb,
            0 0 0 #2cfcfd,
            0 0 0 #fb203b,
            0 0 0 #fefc4b;
    }

    20% {
        transform: scale(1.2);
        text-shadow:
            0.5rem 0 0 #0c2ffb,
            0 0.25rem 0 #2cfcfd,
            -0.5rem 0 0 #fb203b,
            0 -0.25rem 0 #fefc4b;
    }

    40% {
        transform: scale(1);
        text-shadow:
            0 -0.25rem 0 #0c2ffb,
            -0.5rem 0 0 #2cfcfd,
            0 0.25rem 0 #fb203b,
            0.5rem 0 0 #fefc4b;
    }

   60% {
       transform: scale(1.2);
        text-shadow:
            0.125rem 0 0 #0c2ffb,
            0 0.25rem 0 #2cfcfd,
            -0.125rem 0 0 #fb203b,
            0 -0.25rem 0 #fefc4b;
    }

    80% {
        transform: scale(1);
        text-shadow:
            0 0 0 #0c2ffb,
            0 0 0 #2cfcfd,
            0 0 0 #fb203b,
            0 0 0 #fefc4b;
    }
}