Blurry Text

[Deadweight]

I currently have an issue with my font appearing blurry (mainly in the topbar). I am unsure why this is happening.
Here is my page: https://xscriptersama.000webhostapp.com/

This happens in FF and chrome (ones that i have checked)

Things I have tried all these options below:
http://jsfiddle.net/00tLy698/25/

Any ideas to fix this?

Thanks
- DW

[jscheuer1]

Looks cool to me. Perhaps new glasses (ducks). Seriously though, I'm not seeing it in Chrome. Ah, except for the bold S in the search box. Wouldn't exactly call it blurry though, more like hairy, has things (small short lines) sticking out from it here and there. Input boxes can be tricky. Why is that even there? Seems redundant. Then again, maybe it's just the most extreme example. Seems like anti-aliasing is somehow turned off, but only slightly. That can happen when too many filters are applied.

[keyboard]

Looks fine for me in Chrome.
https://i.imgur.com/O9emIXS.png

[Deadweight]

Ah it looks hairy and thought it was hard to read but I guess not. The S is just a placeholder until I get a search icon.
Thanks for your help tho, Ill keep it as is.