when selecting text with text shadows or filters on them, they start to look weird. One way to circumvent this is to add a line to your code.

text-shadow: none; will remove the text-shadow when selected by the cursor, but I also added -webkit-text-fill-color: initial; if you have gradient text.