From 54c4dcd2ed103ffcc2bf975f88f2639e67da229a Mon Sep 17 00:00:00 2001
From: shahanneda <shahan.neda@gmail.com>
Date: Fri, 25 Mar 2022 15:42:35 -0400
Subject: [PATCH] adjusted spacing of 404 page

---
 pages/404.module.css | 8 ++++++++
 pages/404.tsx        | 4 +++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/pages/404.module.css b/pages/404.module.css
index 92ab0750..c5592666 100644
--- a/pages/404.module.css
+++ b/pages/404.module.css
@@ -6,10 +6,18 @@
 
 .codey {
   width: calc(380rem / 16);
+  padding: calc(20rem / 16);
+  padding-right: 0;
+}
+.heading{
+  margin-top: 0;
 }
 
 @media only screen and (max-width: calc(768rem / 16)) {
   .container {
     flex-direction: column;
   }
+  .codey{
+    padding: calc(20rem / 16) 0;
+  }
 }
diff --git a/pages/404.tsx b/pages/404.tsx
index 1a2aa017..e3735cf3 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -11,7 +11,9 @@ export default function Custom404() {
       <div className={styles.text}>
         <Title>404: Page Not Found</Title>
         <h2>Error 404</h2>
-        <h1>We couldn’t find the page you’re looking for!</h1>
+        <h1 className={styles.heading}>
+          We couldn’t find the page you’re looking for!
+        </h1>
         <p>
           We’re working on it, but in the meantime,{" "}
           <Link href="/">click here to go back to the main page.</Link>