.fadeintop {
    animation-name: fadeintop;
    animation-delay: 2s;
    animation-duration: 2.5s;
    animation-fill-mode: forwards;
    transform: translateY(-50px);
    opacity: 0;
}
@keyframes fadeintop {
    0% {
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.fade {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 2s;
}
.fade-in {
  transform: translate(0, 0);
  opacity: 1;
}