.txt {
  margin-bottom: 800px;
}


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