.txt {
  margin-bottom: 800px;
}

/* ブロックの共通CSS */
/* 下から上に移動しながらフェードイン */
.fadeInUp {
  opacity: 0;
  transform: translateY(100px);
}
/* 上から下に移動しながらフェードイン */
.fadeInDown {
  opacity: 0;
  transform: translateY(-100px);
}
/* 右から左に移動しながらフェードイン */
.fadeInLeft {
  opacity: 0;
  transform: translate(-100px, 0);
}
/* 左から右に移動しながらフェードイン */
.fadeInRight {
  opacity: 0;
  transform: translateX(100px);
}
/* フェードインアニメーション */
@keyframes fadeIn {
  0% {
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
/* フェードインさせるクラス */
.fadeIn {
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
