.top_bottom_animation {
      animation: moveUpDown 4s ease-in-out infinite;
  }

  /* Keyframes for top-to-bottom animation */
  @keyframes moveUpDown {
      0% {
          transform: translateY(0);
      }

      50% {
          transform: translateY(10px);
      }

      100% {
          transform: translateY(0);
      }
  }

  /* The typing effect */
  @keyframes typing {
      from {
          width: 0
      }

      to {
          width: 100%
      }
  }