@keyframes rotateZoomIn {
  0% {
    transform: scale(0) rotate(0);
    color: transparent;
  }
  /* 10% {
    transform: scale(0.1) rotate(360deg);
    color: transparent;
  }
  20% {
    transform: scale(0.2) rotate(0deg);
    color: transparent;
  }
  30% {
    transform: scale(0.3) rotate(360deg);
    color: transparent;
  }
  40% {
    transform: scale(0.4) rotate(0deg);
    color: transparent;
  }
  50% {
    transform: scale(0.5) rotate(360deg);
    color: transparent;
  }
  60% {
    transform: scale(0.6) rotate(0deg);
    color: transparent;
  }
  70% {
    transform: scale(0.7) rotate(360deg);
    color: transparent;
  }
  80% {
    transform: scale(0.8) rotate(0deg);
    color: transparent;
  }
  90% {
    transform: scale(0.9) rotate(360deg);
    color: transparent;
  } */
  100% {
    transform: scale(1) rotate(360deg);
    color: transparent;
  }
}
@-webkit-keyframes rotateZoomIn {
  0% {
    transform: scale(0) rotate(0);
    color: transparent;
  }
  10% {
    transform: scale(0.1) rotate(360deg);
    color: transparent;
  }
  20% {
    transform: scale(0.2) rotate(0deg);
    color: transparent;
  }
  30% {
    transform: scale(0.3) rotate(360deg);
    color: transparent;
  }
  40% {
    transform: scale(0.4) rotate(0deg);
    color: transparent;
  }
  50% {
    transform: scale(0.5) rotate(360deg);
    color: transparent;
  }
  60% {
    transform: scale(0.6) rotate(0deg);
    color: transparent;
  }
  70% {
    transform: scale(0.7) rotate(360deg);
    color: transparent;
  }
  80% {
    transform: scale(0.8) rotate(0deg);
    color: transparent;
  }
  90% {
    transform: scale(0.9) rotate(360deg);
    color: transparent;
  }
  100% {
    transform: scale(1) rotate(0deg);
    color: transparent;
  }
}

@keyframes zoomInCenter {
  0% {
    transform: translate(-50%, -50%) scale(0, 0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1, 1);
  }
}
@-webkit-keyframes zoomInCenter {
  0% {
    transform: translate(-50%, -50%) scale(0, 0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1, 1);
  }
}

@keyframes zoomIn {
  0% {
    color: transparent;
    transform: scale(0, 0);
  }
  100% {
    color: transparent;
    transform: scale(1, 1);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    color: transparent;
    transform: scale(0, 0);
  }
  100% {
    color: transparent;
    transform: scale(1, 1);
  }
}

@keyframes bounceZoomIn {
  0% {
    transform: scale(1, 1);
    opacity: 0;
  }
  50% {
    transform: scale(1.5, 1.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes bounceZoomIn {
  0% {
    transform: scale(1, 1);
    opacity: 0;
  }
  50% {
    transform: scale(1.5, 1.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}

@keyframes infiniteMove {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-20%);
  }
  100% {
    transform: translateX(20%);
  }
}
@-webkit-keyframes infiniteMove {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-20%);
  }
  100% {
    transform: translateX(20%);
  }
}

@keyframes Opacity {
  form {
    color: transparent;
  }
  to {
    color: transparent;
  }
}
@-webkit-keyframes Opacity {
  form {
    color: transparent;
  }
  to {
    color: transparent;
  }
}

@keyframes twinkle {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes twinkle {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}