diff --git a/index.css b/index.css
index 8a3fc14..6e266ee 100644
--- a/index.css
+++ b/index.css
@@ -24,6 +24,8 @@ html::before {
     z-index: -1;
 
     background: conic-gradient(from 0deg in hsl longer hue, hsl(0deg 100% 12.5%) 0 0);
+    -webkit-mask-image: url("pattern.svg");
+    -webkit-mask-size: 5rem;
     mask-image: url("pattern.svg");
     mask-size: 5rem;
 }
diff --git a/index.html b/index.html
index 0205b69..70a3c86 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,10 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
     <link href="index.css" rel="stylesheet"/>
+    <script>
+        /*to prevent Firefox FOUC, this must be here*/
+        let FF_FOUC_FIX;
+    </script>
 </head>
 <body>
 <main class="content">
