.typing-effect {
font-size: 32px; /* Размер текста */
font-family: 'Creepster', cursive; /* Хэллоуинский шрифт */
color: #FF4500; /* Цвет текста */
overflow: hidden;
white-space: nowrap;
border-right: 3px solid #FF4500;
animation: typing 4s steps(30, end), blink-caret 0.7s steps(1) infinite;
}
@keyframes typing {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes blink-caret {
50% {
border-color: transparent;
}
}