@keyframes markerSlide {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes fadeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slamIn {
    0% {
        transform: scale(0.2) translateY(-100px) rotate(0deg);
        opacity: 0;
    }
    60% {
        transform: scale(1.1) translateY(10px) rotate(1deg);
        opacity: 1;
    }
    80% {
        transform: scale(0.95) translateY(-5px) rotate(2deg);
    }
    100% {
        transform: scale(1) translateY(0) rotate(3deg);
    }
}

@keyframes wobble {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    5% {
        -webkit-transform: translateX(-32px) rotate(-10deg);
        transform: translateX(-32px) rotate(-10deg);
    }

    10% {
        -webkit-transform: translateX(calc(32px / 2)) rotate(10deg);
        transform: translateX(calc(32px / 2)) rotate(10deg);
    }

    15% {
        -webkit-transform: translateX(calc(-32px / 2)) rotate(calc(-10deg / 1.8));
        transform: translateX(calc(-32px / 2)) rotate(calc(-10deg / 1.8));
    }

    20% {
        -webkit-transform: translateX(calc(32px / 3.3)) rotate(calc(10deg / 3));
        transform: translateX(calc(32px / 3.3)) rotate(calc(10deg / 3));
    }

    25% {
        -webkit-transform: translateX(calc(-32px / 5.5)) rotate(calc(-10deg / 5));
        transform: translateX(calc(-32px / 5.5)) rotate(calc(-10deg / 5));
    }

    /* Rest of the animation timeline stays at rest position */
    30%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes shimmer-slide {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}

@keyframes floatY {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-30px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes MoveUpInitial {
    to {
        transform: translate3d(0,-105%,0);
    }
}

@keyframes MoveUpEnd {
    from {
        transform: translate3d(0,100%,0);
    }
    to {
        transform: translate3d(0,0,0);
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes breathEffect {
    0% { box-shadow:  0 0 70px 0 rgba(0,250,176,0.9); }
    50% { box-shadow:  0 0 70px 0 rgba(0,250,176,0); }
    60% { box-shadow:  0 0 70px 0 rgba(0,250,176,0.9); }
    70% { box-shadow:  0 0 70px 0 rgba(0,250,176,0); }
    100% { box-shadow:  0 0 70px 0 rgba(0,250,176,0.9); }
}

@keyframes lounaPark {
    0% { fill:#000;}
    30% { fill:#00fab3;}
    60% { fill:#3d00de;}
    100% { fill:#000;}

}

@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}

@keyframes marquee {
    0%   { transform: translateX(-50%); }
    100% { transform: translateX(-100%); }
}

@keyframes shimmer {
    0% {
        background-position: -200%;
    }
    100% {
        background-position: 200%;
    }
}