@keyframes from-down {
      0% {
        opacity: 0;
        transform: translatey(100px);
      }
    
      100% {
        opacity: 1;
        transform: translatey(0);
      }
    }

    @keyframes from-Top {
      0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: translateY(-250px);
      }
    
      100% {
        animation-timing-function: ease-out;
        transform: translateY(0);
      }
    }