.typewriter {
    font-size: 30px;
    white-space: nowrap;
    overflow: hidden;
    border-right: 2px solid #fff; /* Cursor */
    animation:caret 1s steps(1) infinite;
 

}

@keyframes typing {
    from { width: 0; }
    to { width: 24em; } /* Adjust according to the text length */
}

@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: #fff; }
}

.highlight {
    color: white;
background-color:red;
border:
}