.text-appear {
    width: 0;
    white-space: nowrap;
    overflow: hidden;

    animation-fill-mode: forwards;
    animation-duration: 3s;
    animation-iteration-count: 1;
}

.cursor {
    content: "|";
    animation: cursor_blink 1s infinite steps(2, jump-none);
}

@keyframes cursor_blink {
    from { opacity: 1; }
    to { opacity: 0; }
}