diff --git a/static/main.css b/static/main.css
index 7c9909b..2815b49 100644
--- a/static/main.css
+++ b/static/main.css
@@ -2,23 +2,32 @@
   margin: 0rem;
 }
 
-/* Magic fix which forces outer most element to full view size for background scaling */
-/* NOTE: min-height and min-width here prevent body/site-content overflow and background breaking */
 html {
-  min-height: 100%;
-  min-width: 100%;
-  display: flex;
-  justify-content: center;
+  margin: 0rem;
+  padding: 0rem;
 }
 
 body {
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  align-items: center;
   font-family: monospace;
   padding: 2rem;
   font-size: 18px;
-  max-width: 55rem;
   line-height: 1.4;
-  /* Fancy background CSS colouring lives here */
-  background: linear-gradient(to bottom right, rgba(0,0,0, 1), rgba(65,15,75, 1) 40%, rgba(65,15,90, 1) 50%, rgba(30,15,80, 1) 60%, rgba(0,0,0, 1));
+  /* Fancy background CSS styling lives here */
+  background: linear-gradient(
+    to bottom right,
+    rgba(0, 0, 0, 1),
+    rgba(65, 15, 75, 1) 40%,
+    rgba(65, 15, 90, 1) 50%,
+    rgba(30, 15, 80, 1) 60%,
+    rgba(0, 0, 0, 1)
+  );
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
 }
 
 li {
@@ -44,6 +53,7 @@ a:hover {
 }
 
 #site-content {
+  max-width: 55rem;
   color: #e4e4e4;
   padding: 2rem;
   border-radius: 1rem;