#text .type-cursor {
    display: inline-block;
    width: 0.4em;
    height: 1.1em;
    /* ensures it's visible and matches line-height */
    vertical-align: middle;
    /* adjust to align with your text baseline */
    border-right: 0.4em solid #5f6568;
}

.blink-cursor {
    animation: blink 0.8s step-end infinite;
}

@keyframes blink {

    0%,
    100% {
        border-color: transparent;
    }

    50% {
        border-color: #5f6568;
    }
}