.text-container {
    font-size: 20px;
    font-family: monospace;
    white-space: pre-wrap;
    overflow: hidden;
    position: relative; /* Добавьте этот стиль для позиционирования курсора */
}

.cursor {
    position: relative; /* Позиционирование курсора */
    width: 10px;
    height: 20px;
    background-color: green;
    animation: blink 1s infinite;
    left: 0; /* По умолчанию, курсор будет в начале текста */
}

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

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