Site dropping a custom CSS style?

I’ve been trying to get a blend modes to work on the floating hamburger for this site:

https://preview.webflow.com/preview/jamesmcgladev3?utm_source=jamesmcgladev3&preview=d7daac016d63385d82ee1402e408a999&mode=preview

And here’s the published site so you can see that the blend mode doesn’t work: https://jamesmcgladev3.webflow.io/

The multiply worked just fine at first but the problem started when I tried to switch from ‘multiply’ to ‘difference’. Only multiply would work. Then I tried messing with the class names and now no blend modes work.

I think the CSS file need to be cleaned up or something. I’m at a loss.