@keyframes shake_dat_ass {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

#words {
  --correct-letter-animation: shake_dat_ass 0.25s infinite linear;
  --untyped-letter-animation: shake_dat_ass 0.25s infinite linear;
  --incorrect-letter-animation: shake_dat_ass 0.25s infinite linear;
  --extra-letter-animation: shake_dat_ass 0.25s infinite linear;
}

#words letter,
#words.withLigatures .word letter {
  display: inline-block;
}