.typewriter {
    font-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid black;
    width: 20ch; /* Adjust the width based on text length */
    animation: typewriter 15s steps(15, end) infinite, blink 0.5s step-end infinite;
  }

  @keyframes typewriter {
    0% {
      width: 0;
    }
    25% {
      width: 20ch; /* Fully written */
    }
    50% {
      width: 20ch; /* Pause with full text */
    }
    /* 75% {
      width: 0; 
    } */
    /* 100% {
      width: 0;
    } */
  }

  @keyframes blink {
    50% {
      border-color: transparent;
    }
  }