.index-p {
  /* background-color: red; */
  animation: moveInLeft;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

.indexAuthor {
  animation: moveInRight 1s ease-out;
}

.journeyButton {
  animation: moveInBottom 1s;
}

.scripture-author {
  animation: moveInRight;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }

  80% {
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(200px);
  }

  80% {
    transform: translateX(-10px);
  }

  100% {
    opacity: 1;
    transform: translate(0);
  }
}

 @keyframes moveInBottom {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    transform: translate(0);
  }
}