/* Контейнер с текстом для печатной анимации */
.t-typewriter {
  overflow: hidden;         /* скрываем лишнее */
  border-right: 2px solid #000;  /* имитация курсора */
  white-space: nowrap;      /* текст в одну строку */
  animation: typing 3.5s steps(30, end), blink-caret 0.75s step-end infinite;
  font-family: monospace, monospace; /* шрифт как у машинки */
  font-size: 1.2em;
}

/* Анимация печати */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* Мерцание курсора */
@keyframes blink-caret {
  0%, 100% { border-color: transparent }
  50% { border-color: black }
}