some mobile "fixes"

style.css

@@ -1,7 +1,14 @@
 @import url(fonts/muller/muller.css);
 
-html {
+@media (max-resolution: 1x) {
+  body {
+    background-blend-mode: overlay;
+  }
+}
+
+body {
   background:
+    url(niss_uwu_bg.png) top center fixed,
     linear-gradient(to bottom,
         hsl(42deg,  92%,  70%),
         hsl(348deg, 92%,  70%),
@@ -9,12 +16,8 @@ html {
         hsl(234deg, 100%, 76%),
         hsl(195deg, 100%, 67%)
       )
-      fixed,
-    url(niss_uwu_bg.png) top center fixed;
-  background-blend-mode: hard-light;
-}
+      fixed;
 
-body {
   font-family: 'Muller';
   font-size: 1.75rem;
   font-weight: 500;
@@ -26,7 +29,7 @@ body {
     -1px -1px 0 black,
     4px 4px 4px hsla(0, 0%, 0%, 70%);
   text-align: center;
-  margin: 2em 0 3em;
+  margin: 2em 1em 3em;
 }
 
 main {