From 94ad220bc0a84b9e1dfb52b70a22f93c5802a9eb Mon Sep 17 00:00:00 2001
From: "Alexander \"Arav\" Andreev" <me@arav.top>
Date: Mon, 24 Oct 2022 05:41:06 +0400
Subject: [PATCH] Added styling for Suiseiseki Z.

---
 homepage/static/assets/css/index.css | 5 ++++-
 homepage/static/assets/css/main.css  | 6 ++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/homepage/static/assets/css/index.css b/homepage/static/assets/css/index.css
index 6db3dbc..c7aeadf 100644
--- a/homepage/static/assets/css/index.css
+++ b/homepage/static/assets/css/index.css
@@ -1,4 +1,7 @@
-body { margin-top: 25vh; }
+body {
+	height: 75vh;
+	margin-top: 25vh;
+ }
 
 header { position: relative; }
 
diff --git a/homepage/static/assets/css/main.css b/homepage/static/assets/css/main.css
index cde1fd6..13f5ce2 100644
--- a/homepage/static/assets/css/main.css
+++ b/homepage/static/assets/css/main.css
@@ -7,6 +7,7 @@
 
 :root {
 	--background-color: #0a0a0a;
+	--background-image: url('/shared/img/desu_z.webp');
 	--primary-color: #cd2682;
 	--secondary-color: #9f2b68;
 	--text-color: #f5f5f5; 
@@ -16,6 +17,7 @@
 @media (prefers-color-scheme: light) {
 	:root {
 		--background-color: #f5f5f5;
+		--background-image: url('/shared/img/desu_z_dark.webp');
 		--primary-color: #9f2b68;
 		--secondary-color: #cd2682;
 		--text-color: #0a0a0a; } }
@@ -128,6 +130,10 @@ 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;