.hidden {
  opacity: 0;
}

.fade-in{
  opacity: 0;
  animation: fade-in 650ms ease forwards;
  animation-delay: 200ms;
}

.fade-up{
  opacity: 0;
  animation: fade-up 650ms ease forwards;
  animation-delay: 200ms;
}


@keyframes fade-in{
  0%{
      opacity: 0;
  }

  100%{
    opacity: 1;
  }

}

@keyframes fade-up{
  0%{
      opacity: 0;
      transform: translateY(100px);
  }

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

}