.span-space{
    display: inline-block;
    width: 0.5em;
}

.letters,
.letters2,
.letters3,
.letters4,
.letters5,
.letters6,
.each-letter {
    display: flex;
}

.letters span,
.letters2 span,
.letters3 span,
.letters4 span,
.letters5 span,
.letters6 span {
    transition: all 0.6s;
    opacity: 0;
    transform: rotate(8deg) translateY(1rem);
}
.letters span.is-show,
.letters2 span.is-show,
.letters3 span.is-show,
.letters4 span.is-show,
.letters5 span.is-show,
.letters6 span.is-show {
    opacity: 1;
    transform: rotate(0deg) translateY(0);
}

.each-letter span{
    transition: all 0.6s;
    opacity: 0;
    transform: rotate(8deg) translateY(1rem);
}

.each-letter.is-show span{
    opacity: 1;
    transform: rotate(0deg) translateY(0);
}