diff --git a/src/components/NavBar.svelte b/src/components/NavBar.svelte
index 63a0dab..99eefae 100644
--- a/src/components/NavBar.svelte
+++ b/src/components/NavBar.svelte
@@ -96,6 +96,9 @@
       text-align: center;
       width: 100%;
       display: flex;
+      position: fixed;
+      top: 0;
+      z-index: 1;
     }
 
     .logo {
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 5fffe99..7d823ad 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -5,6 +5,9 @@
 </script>
 <ParallaxBg>
     <NavBar />
+    <!-- please god dont send me to hell for doing this -->
+    <h1> </h1>
+    <h1> </h1>
     <title>404 - Page not found</title>
     <center>
         <h1>ERROR 404</h1>
diff --git a/src/routes/+page.css b/src/routes/+page.css
index cf7ce2c..3a0a3f8 100644
--- a/src/routes/+page.css
+++ b/src/routes/+page.css
@@ -42,8 +42,6 @@ body {
   display: flex;
   flex-direction: column;
   align-items: center;
-  height: 100%;
-  min-height: 100vh;
   position: relative;
   overflow: hidden;
 }
@@ -69,7 +67,6 @@ body {
   align-items: center;
   width: 100%;
   margin-top: 1rem;
-  height: 3rem;
 }
 
 .picture {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 50c6c24..a1a756c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,7 +1,9 @@
 <ParallaxBg>
 <Navbar />
 <title>Jonas_Jones</title>
-
+  <!-- please god dont send me to hell for doing this -->
+  <h1> </h1>
+  <h1> </h1>
   <div class="image-wrapper">
     <div class="card-front">
       <!-- svelte-ignore a11y-img-redundant-alt -->