@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

.fade-in {
  opacity: 0;
  animation: fadeIn 1000ms forwards;
  -webkit-animation: fadeIn 1000ms forwards;
  -moz-animation: fadeIn 1000ms forwards;
  -o-animation: fadeIn 1000ms forwards;
}