.mytypewriter {
    list-style: none;
    padding: 0;
}

.mytypewriter li {
    font-family: inherit;
    display: none; /* Hide the list items initially */
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.mytypewriter li span {
    display: inline;
}

.mytypewriter li span::after {
    content: '|';
    animation: blink-caret 0.75s step-end infinite;
}

@keyframes blink-caret {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}