index.css

.terminal {
    position    : relative;
    font-family : monospace;
    font-weight : bold;
    padding-left: 0.25rem;
    padding-top : 0.5rem;
    overflow-y  : scroll;
}

/* .terminal:focus {
    outline: none;
} */

.terminal>p {
    min-height    : 1.25rem;
    font-size     : 1.25rem;
    margin        : 0;
    letter-spacing: 0.03em;
    line-height   : 1;
}

.terminal>p:last-of-type {
    display: contents;
}

.terminal>span {
    width         : 1rem;
    height        : 1.25rem;
    /* line-height: 1; */
    background    : rgb(0, 0, 0);
    position      : absolute;
    animation     : flash 1s infinite;
}

@keyframes flash {
    0% {
        visibility: visible;
    }

    49% {
        visibility: visible;
    }

    50% {
        visibility: hidden;
    }

    99% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
    }
}