From 9cf7f40ee0afccb1496a058b076226bb1adb0926 Mon Sep 17 00:00:00 2001
From: NgHuyHoang <99657702+nghuyhoang0204@users.noreply.github.com>
Date: Tue, 21 Mar 2023 02:03:16 +0100
Subject: [PATCH] Fix title behind navbar (#815)

* Fix title behind navbar

---------

Co-authored-by: Ethan Davidson <31261035+EthanThatOneKid@users.noreply.github.com>
---
 src/routes/+error.svelte | 31 ++++++++++++++-----------------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index b655e4721..0e50403ff 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -12,37 +12,34 @@
 </svelte:head>
 
 <section title={$page.error?.message}>
-  <em>404</em>
-  <h1>Frank can't find where you're going!</h1>
-  <Button text={'Return to Home'} link={'/'} />
-  <img src="/assets/png/lost-frank.png" alt="404 - Page Not Found" />
+  <div class="container">
+    <div>
+      <em>404</em>
+      <h1>Frank can't find where you're going!</h1>
+      <Button text={'Return to Home'} link={'/'} />
+    </div>
+    <img src="/assets/png/lost-frank.png" alt="404 - Page Not Found" />
+  </div>
 </section>
 
 <Footer />
 
 <style>
-  section {
+  .container {
     min-height: 100vh;
     display: flex;
     gap: 2rem;
+    display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    margin: 0 24px;
-    color: var(--acm-light);
-  }
-
-  section h1 {
-    align-items: center;
+    padding-top: 100px;
     text-align: center;
   }
 
-  section em {
-    align-items: center;
-    text-align: center;
-    font-size: 50px;
-    text-shadow: 2px 2px #92c4df;
-    font-weight: 600;
+  em {
+    font-size: 40px;
+    text-shadow: var(--acm-blue) 2px 2px;
   }
 
   section img {