From da7be2cce6f96e78866d0ae1484b6bafe1ff4d35 Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Fri, 3 Jul 2020 17:39:39 +0200
Subject: [PATCH] change the mobile background switch

- changes at 2x instead of >1x
- remove image completely instead of using normal blending
---
 style.css | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/style.css b/style.css
index 44d59e4..ddc0a74 100644
--- a/style.css
+++ b/style.css
@@ -1,23 +1,31 @@
 @import url(fonts/muller/muller.css);
 
-@media (max-resolution: 1x) {
-  body {
-    background-blend-mode: overlay;
-  }
-}
-
 body {
-  background:
-    url(niss_uwu_bg.png) top center fixed,
+  --gradient:
     linear-gradient(to bottom,
         hsl(42deg,  92%,  70%),
         hsl(348deg, 92%,  70%),
         hsl(334deg, 100%, 80%),
         hsl(234deg, 100%, 76%),
         hsl(195deg, 100%, 67%)
-      )
-      fixed;
+      );
+}
 
+body {
+  background:
+    url(niss_uwu_bg.png) top center fixed,
+    var(--gradient) fixed;
+  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;
   font-weight: 500;