fix(404): navbar not cover 404 content anymore (#184)

* Fixed 404 not found tag

* Fixed code format

* Apply suggestions from code review

Co-authored-by: Jeff Yang <32727188+ydcjeff@users.noreply.github.com>

Author: rwiteshbera

src/views/PageNotFound.vue

@@ -11,7 +11,7 @@
         >.
       </p>
     </div>
-    <Footer />
+    <Footer class="footer" />
   </main>
 </template>
 
@@ -52,6 +52,7 @@ h1 {
   color: var(--c-brand-red);
 }
 .heading {
+  padding-top: 12rem;
   max-width: 75vw;
   margin: auto;
   text-align: center;
@@ -60,4 +61,13 @@ h1 {
   background: var(--c-white);
   color: var(--c-brand-red);
 }
+
+.footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100vw;
+  margin: auto;
+}
 </style>