@charset "UTF-8";

.animate-hidden {
  opacity: 0; 
  transform: translateX(0); /* Default transform before animation */
  transition: opacity 0s, transform 0s;
}

.animate-slide-in-left.animate-hidden {
  transform: translateX(-100%);
}

.animate-slide-in-right.animate-hidden {
  transform: translateX(100%);
}

.animate-slide-in-top.animate-hidden {
  transform: translateY(-100%);
}

.animate-slide-in-bottom.animate-hidden {
  transform: translateY(100%);
}

.animate-slide-in-left.animate-active,
.animate-slide-in-right.animate-active,
.animate-slide-in-top.animate-active,
.animate-slide-in-bottom.animate-active {
  transform: translateX(0) translateY(0); /* Reset transforms */
}

.animate-active {
  opacity: 1;
  transition: opacity 1s, transform 1s;
}

.char {
  display: inline-block;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.animate-randomize-text{
  font-family: monospace;
}