update 404 page

src/pages/404.astro

@@ -4,8 +4,8 @@ import Layout from "../layouts/Layout.astro"
 import Divider from "../components/Divider.astro"
 ---
 
-<Layout page="Not Found">
-	<div id={styles.notFound}>
+<Layout page="Not Found" description="We couldn't find this page.">
+	<section id={styles.notFound}>
 		<h1 id={styles.header}>Page Not Found</h1>
 		<Divider />
 		<span id={styles.description}>
@@ -13,5 +13,5 @@ import Divider from "../components/Divider.astro"
 				>home page</a
 			>.
 		</span>
-	</div>
+	</section>
 </Layout>

src/styles/404.module.css

@@ -1,15 +1,14 @@
 #notFound {
-	margin: 50px 20px;
+	margin: 5rem 2rem;
 	display: flex;
-	padding: 60px 30px;
+	padding: 5rem 3rem;
 	border-radius: 20px;
-	background: #1d2e3d;
 	align-items: center;
-	gap: 5px;
+	max-width: 40rem;
+	gap: 0.5rem;
 	justify-content: center;
 	text-align: center;
 	flex-direction: column;
-	box-shadow: rgba(0, 0, 0, 0.5) 2px 10px 15px;
 }
 
 #notFound a {
@@ -18,17 +17,9 @@
 
 #header {
 	font-size: 3em;
+	margin: 0;
 }
 
 #description {
-	font-size: 1.3em;
-	width: 50%;
-}
-
-@media (min-width: 800px) {
-	.notFound {
-		width: 60vw;
-		border-radius: 20px;
-		height: 65vh;
-	}
+	font-size: 1.5em;
 }