body {
  overflow-x: hidden;
}

.animate__animated {
  animation-play-state: paused;
}

.animate__animated.animate__triggered {
  animation-play-state: running;
}

/*
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: paused;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  overflow: hidden;
}

/** Transition speeds */
/*
.has-effect.fast {
  transition-duration: 1s;
  animation-duration: 1s;
}

.has-effect.medium {
  transition-duration: 2s;
  animation-duration: 2s;
}

.has-effect.slow {
  transition-duration: 3s;
  animation-duration: 3s;
}

/** Effect types */
/*
.has-effect.fade {
  transition-property: opacity;
  opacity: 0;
}

.has-effect.fade.effect-triggered {
  opacity: 1;
}

.has-effect.slide-left {
  transition-property: transform, opacity;
  transform: translateX(-100%);
  opacity: 0;
}
.has-effect.slide-left.effect-triggered {
  transform: translateX(0);
  opacity: 1;
}

.has-effect.slide-right {
  transition-property: transform, opacity;
  transform: translateX(100%);
  opacity: 0;
}
.has-effect.slide-right.effect-triggered {
  transform: translateX(0);
  opacity: 1;
}

.has-effect.slide-up {
  transition-property: transform, opacity;
  transform: translateY(50%);
  opacity: 0;
}
.has-effect.slide-up.effect-triggered {
  transform: translateY(0);
  opacity: 1;
}

.has-effect.slide-down {
  transition-property: transform, opacity;
  transform: translateY(-50%);
  opacity: 0;
}
.has-effect.slide-down.effect-triggered {
  transform: translateY(0);
  opacity: 1;
} */