@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);
      }
    }

    @keyframes scale-Key {
      0% {
        transform: scale(1);
      }
    
      50% {
        transform: scale(1.1);
      }
    
      100% {
        transform: scale(1);
      }
    }