Merge pull request #294 from rksingh2001/develop

Created Error 404 page for Starprot Docs

layouts/NotFound.vue

@@ -1,11 +1,16 @@
 <template lang="pug">
   div
-    .h1 Page Not Found
-    .p The page you visited either does not exist or has been moved. We're sorry for the inconvenience.
-    .p #[a(href="/") Back to home]
+    img( src="./images/lost_cosmonaut.jpg")
+    center
+      .h1 Error 404 : You seem lost fellow cosmonaut,
+      .h1 Let us take you #[a(href="/") Back to Home]
 </template>
 
 <style lang="stylus" scoped>
+img
+  width 100%
+  margin-bottom 1rem
+  margin-top: 1rem
 a
   color var(--color-link, blue)
   outline-color var(--color-primary, blue)
@@ -20,23 +25,15 @@ a
     transition-duration 0s
 
 .h1
-  font-size 3rem
-  margin-bottom 4rem
-  line-height 3.5rem
-  letter-spacing -0.02em
-  font-weight 700
-
-.h2
-  font-size 2rem
-  margin-top 3.75rem
-  margin-bottom 1.25rem
+  font-size 1.5rem
   line-height 2.5rem
-  letter-spacing -0.01em
+  letter-spacing -0.02em
   font-weight 700
 
-.p
+.p {
   font-size 1.125rem
   line-height 1.8125rem
   margin-top 1em
   margin-bottom 1em
+}
 </style>