.typewriter-cursor {
    display: inline-block;
    width: 1px;
    height: 1em;
    background-color: black;
    animation: blink 0.7s steps(1) infinite;
    vertical-align: text-top;
    /*vertical-align: bottom;*/
    /* optional tweaks for finer control on the location / height of the cursor */
    /*vertical-align: -0.1em; !* option  tweak this value *!*/
    /*transform: translateY(-2px); !* lift it slightly *!*/
    /*margin-left: 1px;*/
}

@keyframes blink {
    50% {
        background-color: transparent;
    }
}
