.text-effect-1 {
  transform: transform: translateX(-200%);
}
.text-effect-2 {
  transform: scale(0);
}
.text-effect-3 {
  transform: scale(0);
}


.slide-left {
  animation: slide-left 1.5s forwards;
}
.slide-right {
  animation: slide-right 1.5s forwards;
}
.slide-scale {
  animation: slide-scale 1.5s forwards;
}
.slide-bottom {
  animation: slide-bottom 1.5s forwards;
}


@keyframes slide-left {
  from {
    transform: translateX(-200%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slide-right {
  from {
    transform: translateX(200%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slide-scale {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes slide-bottom {
  from {
    transform: translateY(-432px);
  }
  to {
    transform: translateY(0);
  }
}