fixed element on top (z-index issue)

[leandrodisler]

Hey
I have a text that i placed centered and fixed on my page. Everything worked placement-wise but somehow i cant put it on top of everything else with blend-mode difference. No matter what i put in the z-index.

Can someone help?

the page: http://leandrodisler.com/archive/
password: lean

.fixedarchive {
    position: fixed; 
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%);  
    z-index: 5; 
    text-align: center;
    white-space: nowrap;
    mix-blend-mode: difference;  
    pointer-events: none; 
}

[alasdair17]

hey, add !important; after the 5, like this:

z-index: 5 !important;

I tried it in inspector and it works. Hope that helps!

[leandrodisler]

worked. thank you so much!