.animate-spin-slow {
    animation: spin-slow 6s linear infinite alternate;
}

.animate-spin-slow2 {
    animation: spin-slow 6s linear infinite;
}

.animate-move-hor {
    animation: move-hor 3s linear infinite alternate;
}

.animate-move-var2 {
    animation: move-var2 3s linear infinite alternate;
}

@keyframes spin-slow {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes move-hor {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(20px);
    }
}

@keyframes move-var2 {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(20px);
    }
}
