.wrongShake {
  animation: wrongShake .3s;
}

.rightShake {
  animation: rightShake .3s;
}

.timeShake {
  animation: timeShake .3s;
}

@keyframes wrongShake {
  25% {
    transform: translateX(3px);
  }

  50% {
    transform: translateX(-3px);
  }

  75% {
    transform: translateX(3px);
  }

  100% {
    transform: translateX(-3px);
  }
}

@keyframes rightShake {
  50% {
    transform: scale(2);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes timeShake {
  50% {
    transform: scale(1.3);
  }

  100% {
    transform: scale(1);
  }
}