From 3c8249aec99aa468df523f00702b4a981f096619 Mon Sep 17 00:00:00 2001
From: "Alexander \"Arav\" Andreev" <me@arav.top>
Date: Mon, 24 Oct 2022 05:51:12 +0400
Subject: [PATCH] Load Suiseiseki Z's images only on screens >= 1280px.

---
 homepage/static/assets/css/main.css | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/homepage/static/assets/css/main.css b/homepage/static/assets/css/main.css
index 13f5ce2..6ed8e8d 100644
--- a/homepage/static/assets/css/main.css
+++ b/homepage/static/assets/css/main.css
@@ -130,10 +130,6 @@ html {
 
 body {
 	background-color: var(--background-color);
-	background-image: var(--background-image);
-	background-size: calc((100vw - 960px)/2);
-	background-repeat: no-repeat;
-	background-position: bottom left;
 	color: var(--text-color);
 	font-family: 'Roboto Condensed', Roboto, sans-serif;
 	font-size: 1.1rem;
@@ -141,6 +137,15 @@ body {
 	max-width: 960px;
 	width: 98%; }
 
+@media screen and (min-width: 1280px) {
+	body {
+		background-image: var(--background-image);
+		background-size: calc((100vw - 960px)/2);
+		background-repeat: no-repeat;
+		background-position: bottom left;
+	}
+}
+
 header {
 	display: flex;
 	flex-wrap: wrap;