<!-- Import de la police Unbounded depuis Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700&display=swap" rel="stylesheet">

<style>
.typing-container {
  width: fit-content;
  border-right: 2px solid white;
  white-space: nowrap;
  overflow: hidden;
  font-family: 'Unbounded', sans-serif;
  font-size: 24px;
  color: white;
  animation: typing 4s steps(30, end), blink 0.7s step-end infinite;
}

@keyframes typing {
  from { width: 0; }
  to { width: 100%; }
}

@keyframes blink {
  50% { border-color: transparent; }
}
</style>

<div class="typing-container">Texte qui s'écrit automatiquement</div>