.top-fade-in {
  opacity: 0;
  transition: 3s;
}
.top-fade-in.on {
  opacity: 1;
}

.fade {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 2s, transform 1.5s;
  transition-delay: attr(data-delay);
}
.fade.on {
  opacity: 1;
  transform: translateY(0px);
}