body {
    background-color: azure;
    text-align: center;
}


.typing {
    height: 80vh;
}

.typing-effect {
    width: 17ch;
    animation: typing 2s steps(17), effect .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-family: monospace;
    font-size: 2em;
}

@keyframes typing {
    from {
        width: 0;
    }
}

@keyframes effect {
    50% {
        border-color: transparent;
    }
}