.loading {
  opacity: 0;
}

.scroll {
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1s, opacity 1s, visibility 1s;
}

.scroll-left {
  transform: translateX(30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1s, opacity 1s, visibility 1s;
}

.scroll-right {
  transform: translateX(-30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1s, opacity 1s, visibility 1s;
}

.fadein {
  transform: translateX(0);
  opacity: 2;
  visibility: visible;
}

.fadein-left {
  transform: translateX(0);
  opacity: 2;
  visibility: visible;
}

.fadein-right {
  transform: translateX(0);
  opacity: 2;
  visibility: visible;
}

.fade-text {
  opacity: 1;
  transform: translateX(0);
  transition: 1.2s;
}

.fade-header {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: 1.2s;
}

.anime-text span {
  opacity: 0;
  transition: 1.2s;
}

.slash-move {
  opacity: 1;
  transform: translate(0);
}