/* Typewriter Animation Styles */

.typewriter-line1,
.typewriter-line2 {
  display: inline-block;
}

.cursor {
  display: inline-block;
  font-weight: 300;
  animation: blink 1s step-end infinite;
  opacity: 1;
  margin-left: 2px;
}

@keyframes blink {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}

/* Smooth transition for typing */
.typing-text {
  display: inline;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .typewriter-line1 {
    font-size: 2rem; /* Ajuster si nécessaire */
  }

  .typewriter-line2 {
    font-size: 1.5rem; /* Ajuster si nécessaire */
  }
}