From 9080d2f57d4d6e03603fd0406cfe4a3f21aba2ec Mon Sep 17 00:00:00 2001
From: Vamist <dm@vamist.dev>
Date: Sat, 31 Aug 2024 19:22:53 +0100
Subject: [PATCH] [fix] Actually centre some stuff

whoops
---
 index.html | 2 +-
 magic.sass | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 38d247c..88875c7 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
     -->
     <script async type="module" src="/src/playground.js"></script>
     <script async type="module" src="/src/faces.js"></script>
-    <div style="position: absolute;">
+    <div class="main">
       <section class="section">
         <div>
           <p class="light">Hello World!</p>
diff --git a/magic.sass b/magic.sass
index 8b90fb2..63efad8 100644
--- a/magic.sass
+++ b/magic.sass
@@ -114,10 +114,17 @@ nav
   flex-direction: column
   align-items: center
   padding-left: 30px
-  padding-top: 100%
   width: 90%
   gap: 0%
 
+.main
+  position: absolute
+  display: flex
+  justify-content: center
+  align-content: center
+  flex-direction: column
+  height: 100%
+
 .light
   color: $light-colour
 
-- 
2.45.2