@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}
@keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@keyframes marquee-vertical {
    0% {
        transform: translateY(100px);
    }

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

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

    100% {
        transform: translateX(-100%);
    }
}

.animate-marquee {
    animation: marquee-horizontal 20s linear infinite;
    will-change: transform;
}
.animate-marquee {
    writing-mode: sideways-lr;
    text-orientation: mixed;
    animation: marquee-vertical 20s linear infinite;
}