added styling to error page

Author: davidsklar99

pages/_error/+Page.client.ts

@@ -12,8 +12,8 @@ function pageDoesntExist() {
       h('h1', "404"),
       h('h2', "The rock you are looking for doesn't exist. Keep digging."),
       h('div.buttons', [
-        h('button', { onClick: () => history.back() }, "Go back"),
-        h('a', { href: "/dev/test-site/" }, "Go home")
+        h('button', { className: "btn", onClick: () => history.back() }, "Go back"),
+        h('a', { className: "btn", href: "/dev/test-site/" }, "Go home")
       ]),
     ])  
   ])

pages/_error/main.styl

@@ -21,4 +21,33 @@
     z-index 1
     top 0
     left 0
-    opacity .5
+    opacity .5
+
+.buttons
+    display flex      
+    gap 100px
+    justify-content center
+    margin-top 50px
+
+    a 
+        color black
+        text-decoration none
+
+    a:hover
+        color black
+        background-color rgba(100, 100, 100, 1)
+
+.btn, button
+    padding 10px 20px
+    font-size 20px
+    border none
+    background-color white
+    color black
+    cursor pointer
+    border-radius 5px
+    transition background-color 0.3s ease
+
+button:hover
+    background-color rgba(100, 100, 100, 1)
+
+