@keyframes loading {
  0% {
    transform: translateX(-150%) scale(1);
  }
  25% {
    transform: translateX(0%) scale(0.5);
  }
  50% {
    transform: translateX(150%) scale(1);
  }
  75% {
    transform: translateX(0%) scale(0.5);
  }
  100% {
    transform: translateX(-150%) scale(1);
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadecheck {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes longer-lightning {
  50% {
    background-color: #2196F3;
    color: #FFFFFF;
  }
  100% {
    background-color: white;
    color: black;
  }
}