adjusted spacing of 404 page

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;
+  }
 }

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>