error pages; js system to support back/front-end

1 files changed, 17 insertions, 12 deletions

diff --git a/html/app/views/error/general.php b/html/app/views/error/general.php
index 1c3c6ae..82a1d6e 100644
--- a/html/app/views/error/general.php
+++ b/html/app/views/error/general.php
@@ -3,24 +3,29 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>404: Not Found</title>
+
     <style>
-    html,body{ padding:0; margin:0;
-      font-size:1.25em; color: #037 /*#a05*/; font-family: 'Roboto Slab', Consolas, Monaco, "Ubuntu Mono", fixed;
-      line-height:1.2em; background: ##f3f4f5;
+    html,body{
+      padding:0; margin:0;
+      font-size:1.25em; font-family: Arial, Helvetica, Ubuntu, sans-serif;
+      color: #037; background: #f3f4f5;
+      line-height:1.2em; 
     }
-    h3 { font-size: 5.2em; font-style: normal; color: #05a /*#a05*/;
-      margin: 0; padding: 0;
+    h3 {
+      font-size: 2em; font-style: normal;
+      font-weight: 400;
+      color: #05a;
+      margin: 0; padding: 5px;
       opacity: 0.27;
+      border-bottom: 1px solid #05a;
     }
     .container { display: flex; height: 100vh; align-items:center; }
     .content { position: relative;
-        max-width:720px; width: 100%; margin: auto auto; padding: 1.5em;
-        /* text-align: center; justify-center: center; */
-        font-size: .75em; opacity: .33; font-style: italic;
-    }
-    @media screen and ( max-width: 720px) {
-      html, body { font-size: 1.24em; }
-      h3 { font-size: 4em; }
+        max-width: 480px; width: 100%;
+        margin: auto auto; padding: 1.5em;
+        text-align: center; justify-center: center;
+        opacity: .33;
+        font-size: .87em
     }
     </style>
   </head>