From 802b3626f4fef14bbf67c1ad12e19e8563f833bd Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Fri, 3 Jul 2020 17:27:26 +0200
Subject: [PATCH] some mobile "fixes"

---
 style.css | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/style.css b/style.css
index d834d7f..7c192f4 100644
--- a/style.css
+++ b/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 {