@keyframes downToUp {
    from {
        top:100px;
        opacity: 0;
    }
    to{
        top:0px;
        opacity: 100;
    }
}

.downToUp{
  animation-name: downToUp;
  animation-duration: 2s;
  animation-delay: calc(var(--scroll) * -1s);
  position: relative;
}