span{
    font-size: 30px;
    display: block;
    font-family: monospace;
    white-space: nowrap;
    border-right: 4px solid;
    width: 21ch;
    animation: typing 2s steps(20), blink .5s infinite step-end alternate;
    overflow: hidden;
}

@keyframes typing {
    from{width: 0;}
}
@keyframes blink{
    50% {border-color: transparent;}
}




#text{
    font-size: 25px;
    display: block;
    font-family: monospace;
    white-space: nowrap;
    border-right: 4px solid;
    width: 63ch;
    animation: typing 2s steps(62), blink .5s infinite step-end alternate;
    overflow: hidden;
}

#bodytext{
    font-size: 25px;
    display: block;
    font-family: monospace;
    white-space: nowrap;
    border-right: 4px solid;
    width: 20ch;
    animation: typing 2s steps(20), blink .5s infinite step-end alternate;
    overflow: hidden;
}