lots o updates

resources/css/app.scss

@@ -79,6 +79,13 @@ a:visited {
     }
 }
 
+p,
+li,
+.html {
+    text-rendering: optimizeLegibility;
+    line-height: 1.5;
+}
+
 p {
     margin: 1rem 0;
 }
@@ -91,30 +98,6 @@ li {
     }
 }
 
-.container {
-    width: 100%;
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 16px;
-}
-
-.btn {
-    cursor: pointer;
-    position: relative;
-    font-family: var(--header-font-family);
-    font-weight: 800;
-    padding: 16px 32px 16px 32px;
-    border: 0;
-    background-color: var(--base-color-light);
-    -webkit-backdrop-filter: blur(4px);
-    backdrop-filter: blur(4px);
-    color: var(--link-color);
-
-    &:hover {
-        filter: brightness(85%);
-    }
-}
-
 // Who knows why ion-icon randomally sets this to hidden.....
 // ion-icon {
 //     visibility: visible;
@@ -190,23 +173,23 @@ li {
 //     }
 // }
 
-// /* SM Dialog */
-// .sm-dialog-outer {
-//     position: fixed;
-//     display: flex;
-//     top: 0;
-//     left: 0;
-//     bottom: 0;
-//     right: 0;
-//     flex-direction: column;
-//     align-items: center;
-//     justify-content: center;
-//     z-index: 1000;
-//     padding: 1rem;
-// }
+/* SM Dialog */
+.dialog-outer {
+    position: fixed;
+    display: flex;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    z-index: 1000;
+    padding: 1rem;
+}
 
-// .sm-dialog-outer:last-of-type {
-//     background-color: rgba(0, 0, 0, 0.4);
-//     backdrop-filter: blur(2px);
-//     -webkit-backdrop-filter: blur(2px);
-// }
+.dialog-outer:last-of-type {
+    background-color: rgba(0, 0, 0, 0.4);
+    backdrop-filter: blur(2px);
+    -webkit-backdrop-filter: blur(2px);
+}

resources/css/variables.scss

@@ -3,12 +3,14 @@
 :root {
     // yes
     --default-font-size: 18px;
-    --default-font-family: "Nunito", "Nunito override", "Arial", "Helvetica",
-        sans-serif;
+    --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+        Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    // --default-font-family: "Nunito", "Nunito override", "Arial", "Helvetica",
+    //     sans-serif;
 
     // yes
     --base-color: #eee;
-    --base-color-text: rgba(0, 0, 0, 0.8);
+    --base-color-text: #456;
     --base-color-border: #999;
     --base-color-light: #fff;
 
@@ -25,6 +27,7 @@
 
     // yes
     --primary-color: #35a5f1;
+    --primary-color-hover: #f1fdff;
 
     --primary-color-dark: #0e80ce;
     --primary-color-darker: #095589;