@keyframes shakeX {
  0%{
      transform: translate3d(-25%, 0%, 0);
  }
  50%{
      transform: translate3d(25%, 0, 0);
  }
  100%{
    transform: translate3d(-25%, 0, 0);
  }
}
@keyframes shakeYCenter {
    0%{
        transform: translate3d(-50%, -25%, 0);
    }
    50%{
        transform: translate3d(-50%, 25%, 0);
    }
    100%{
      transform: translate3d(-50%, -25%, 0);
    }
  }


@keyframes shine {
  0%{
    filter: brightness(1);
  }
  50%{
    filter: brightness(1.2);
  }
  100%{
    filter: brightness(1);
  }
}

.ani-shine{
  animation: shine infinite 1.5s ease-in-out;
}

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