diff --git a/style.css b/style.css index ddc0a74..aca932f 100644 --- a/style.css +++ b/style.css @@ -18,13 +18,6 @@ body { background-blend-mode: overlay; } -@media (min-resolution: 2x) { - body { - background: var(--gradient) fixed; - background-blend-mode: initial; - } -} - body { font-family: 'Muller'; font-size: 1.75rem; @@ -169,3 +162,12 @@ footer p, footer div { footer a { color: hsl(254deg, 50%, 50%); } + + +/* hacky fix for firefox mobile 68 freaking out at blend modes ☹ */ +@media (-moz-touch-enabled) { + body { + background: var(--gradient) fixed; + background-blend-mode: initial; + } +}