@keyframes typing {
        0% {
          width: 0;
        }
        50% {
          width: 100%;
        }
        100% {
          width: 0;
        }
      }
      @keyframes blink {
        0%, 100% {
          border-color: transparent;
        }
        50% {
          border-color: white;
        }
      }
      .typing-effect {
        overflow: hidden;
        white-space: nowrap;
        border-right: 4px solid white;
        width: 0;
        animation: typing 4s steps(7, end) infinite, blink 0.7s step-end infinite;
      }