diff --git a/src/components/padding.svelte b/src/components/padding.svelte
new file mode 100644
index 0000000..e947a57
--- /dev/null
+++ b/src/components/padding.svelte
@@ -0,0 +1,3 @@
+<!-- please god dont send me to hell for doing this -->
+<h1> </h1>
+<h1> </h1>
\ No newline at end of file
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 7d823ad..d02d9a6 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -2,12 +2,11 @@
     import NavBar from "../components/NavBar.svelte";
     import Footer from "../components/Footer.svelte";
     import ParallaxBg from "../components/ParallaxBg.svelte";
+    import Padding from "../components/padding.svelte";
 </script>
 <ParallaxBg>
     <NavBar />
-    <!-- please god dont send me to hell for doing this -->
-    <h1> </h1>
-    <h1> </h1>
+    <Padding />
     <title>404 - Page not found</title>
     <center>
         <h1>ERROR 404</h1>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index a1a756c..4bc72c8 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,9 +1,7 @@
 <ParallaxBg>
 <Navbar />
 <title>Jonas_Jones</title>
-  <!-- please god dont send me to hell for doing this -->
-  <h1> </h1>
-  <h1> </h1>
+  <Padding />
   <div class="image-wrapper">
     <div class="card-front">
       <!-- svelte-ignore a11y-img-redundant-alt -->
@@ -40,6 +38,7 @@
     import Navbar from '../components/NavBar.svelte';
     import Footer from '../components/Footer.svelte';
     import ParallaxBg from '../components/ParallaxBg.svelte';
+    import Padding from '../components/padding.svelte';
   </script>