/**
 * Multiline typewriter animations
 * @link https://dev.to/afif/a-multi-line-css-only-typewriter-effect-3op3
 */
.typewriter {
    font-family: "Montserrat", sans-serif;
    color: #0000;
    background:
        linear-gradient(-90deg, var(--nc-lightblue) 5px, #0000 0) 10px 0,
        linear-gradient(var(--nc-lightblue) 0 0) 0 0;
    background-size: calc(var(--n) * 1ch) 200%;
    background-clip: padding-box, text;
    -webkit-background-clip: padding-box, text;
    background-repeat: no-repeat;
    animation: 
        b .5s infinite steps(1),   
        t calc(var(--n) * .2s) steps(var(--n)) forwards;
}
@keyframes t {
    from { background-size: 0 200% }
}
@keyframes b {
    50% { background-position: 0 -100%, 0 0 }
}