@charset "utf-8";


@keyframes rotation1{
  0%{ transform:translateY(-50%) translateX(-50%) rotate(0);}
  100%{ transform:translateY(-50%) translateX(-50%) rotate(360deg); }
}


@keyframes gradient {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}
@keyframes gradient2 {
  0% {background-position: 50% 0%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 50% 0%;}
}

@keyframes loop {
  0% {transform: translateX(100%);}
  to {transform: translateX(-100%);}
}

@keyframes loop2 {
  0% {transform: translateX(0);}
  to {transform: translateX(-200%);}
}

@keyframes loop3 {
  0% {transform: translateX(-100%);}
  to {transform: translateX(100%);}
}

@keyframes loop4 {
  0% {transform: translateX(-200%);}
  to {transform: translateX(0%);}
}