add settings page with styling

1 files changed, 16 insertions, 2 deletions

diff --git a/html/base.css b/html/base.css
index e5e4660..4575b10 100644
--- a/html/base.css
+++ b/html/base.css
@@ -41,6 +41,7 @@ body {
 h1, h2, h3 {
     margin: 0.3em;
     text-shadow: 0 0 0 #454;
+    text-align: center;
 }
 
 h2 {
@@ -61,7 +62,7 @@ li:first-child {
 }
 
 .hide {
-    display: none;
+    display: none !important;
 }
 
 button {
@@ -79,6 +80,19 @@ button {
     font: 400 0.9em sans-serif;
 }
 
-button:hover, .button:hover {
+button:hover {
     box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
 }
+
+body {
+    --line-height: 0.4em;
+}
+
+div.bottom_line {
+    height: var(--line-height);
+    background: linear-gradient(#555, transparent);
+}
+div.top_line {
+    height: var(--line-height);
+    background: linear-gradient(transparent, #555);
+}