@keyframes rotate {
	100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes color {
    0%, 100% {
        stroke: #ea1565
    }
    50% {
        stroke: #3dbaeb
    }
}
      
@keyframes go-line {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-50%)
    }
}
      
@keyframes scaleing {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
  	100% {
        transform: scale(1);
    }
}

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

.rotation {
    animation: rotation 18s linear infinite;
}

@keyframes immersive-show {
    0% {
        transform: rotate(0deg);
    }
    30% {
        transform: rotate(20deg);
    }
    70% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.immersive-show {
    animation: immersive-show 4s linear infinite;
} 
 
@keyframes immersive-show-text1 {
    0% {
        color: #a80606;
    }
    25% {
        color: black;
    }
    50% {
        color: black;
    }
    75% {
        color: black;
    }
    100% {
        color: black;
    }
}

.immersive-show-text1 {
    animation: immersive-show-text1 10s linear infinite;
  } 
  
@keyframes immersive-show-text2 {
    0% {
        color: #a80606;
    }
    25% {
        color: #a80606;
    }
    50% {
        color: black;
    }
    75% {
        color: black;
    }
    100% {
        color: black;
    }
}

.immersive-show-text2 {
    animation: immersive-show-text2 10s linear infinite;
} 
 
@keyframes immersive-show-text3 {
    0% {
        color: #a80606;
    }
    25% {
        color: #a80606;
    }
    50% {
        color: #a80606;
    }
    75% {
        color: black;
    }
    100% {
        color: black;
    }
}

.immersive-show-text3 {
    animation: immersive-show-text3 10s linear infinite;
} 

@keyframes immersive-show-text4 {
    0% {
        color: #a80606;
    }
    25% {
        color: #a80606;
    }
    50% {
        color: #a80606;
    }
    75% {
        color: #a80606;
    }
    100% {
        color: black;
    }
}

.immersive-show-text4 {
    animation: immersive-show-text4 10s linear infinite;
}