added sticky property to navbar

src/components/NavBar.svelte

@@ -96,6 +96,9 @@
       text-align: center;
       width: 100%;
       display: flex;
+      position: fixed;
+      top: 0;
+      z-index: 1;
     }
 
     .logo {

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>

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 {

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 -->