Custom 404

1 files changed, 31 insertions, 0 deletions

diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..f6cc185
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,31 @@
+---
+import Layout from '../layouts/Default.astro'
+---
+<Layout title="404" description="Page not found">
+    <div class="error">
+        <h1>404</h1>
+        <h2>Page not found</h2>
+        <h2>Whoops! You blew up the website!</h2>
+    </div>
+</Layout>
+<style>
+    .error {
+        display: flex;
+        flex-direction: column;
+        text-align: center;
+        gap: 0.2em;
+        margin: 3em;
+    }
+
+    h1 {
+        font-size: 5em;
+        font-weight: 300;
+        margin: 0;
+    }
+
+    h2 {
+        font-size: 2em;
+        margin: 0;
+    }
+
+</style>