adding spans to each character and add appropriate classes with CSS