.typewriter h3 div {
    overflow: hidden;
    /* Ensures the content is not revealed until the animation */
    border-right: .15em solid orange;
    /* The typwriter cursor */
    /* white-space: nowrap; */
    /* Keeps the content on a single line */
    margin: 0 auto;
    /* Gives that scrolling effect as the typing happens */
    letter-spacing: .01em;
    /* Adjust as needed */
    animation: typing 4.5s steps(30, end), blink-caret .75s step-end infinite;
    -webkit-animation: typing 4.5s steps(30, end), blink-caret .75s step-end infinite;
    /* animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    -webkit-animation-delay: 2s; */
}

.typewriter h3 {
    margin-block-start: .25em !important;
    margin-block-end: .25em !important;
}


/* The typing effect */

@keyframes typing {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}


/* The typewriter cursor effect */

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

@media only screen and (min-width: 480px) {}