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;