All in CSS

My last name is spelled differently than what people usually expect. People expect it to be spelled Rodriguez which is the Spanish spelling of my last name. However, my last name is Portuguese and spelt Rodrigues. So when I was designing my business card I wanted to bring attention to the S, so I changed the color of the S to be red against the rest of the name which is colored black.

Anyway, one thing I wanted to do here was to create the same colored S effect for the title of my website. However, the problem here is that I have control over the exactly text in the HTML, but cannot control the individual elements, classes or id’s of the HTML elements!

This poses an interesting problem, how can you change the color of the last letter of a word using only CSS? 🤔