@import 'aos/dist/aos.css';
/* public/css/custom.css */

/* Define the typewriter animation */
@keyframes typewriter {
    from {
      width: 0;
    }
    to {
      width: 100%;
    }
  }

  /* Define the blinking cursor effect */
  @keyframes blink {
    0%, 100% {
      border-color: transparent;
    }
    50% {
      border-color: white;
    }
  }

  /* Apply animation classes */
  .animate-typewriter {
    animation: typewriter 4s steps(40) 1s 1 normal both;
  }

  .animate-blink {
    animation: blink 1s step-end infinite;
  }