Fix the gear toggle to work the first time it is clicked

[empires-html] / style.css

diff --git a/style.css b/style.css
index 9beda3e89e2408d90645bb91d5fee21f4f67fa47..adc5a7dbc93531e8f340e3513eb6002ecaa7b690 100644 (file)
--- a/style.css
+++ b/style.css
@@ -28,6 +28,9 @@ body {
 /* And when the screen is narrow, let's kill the wasted vertical space
    above it too. */
 @media screen and (max-width: 499px) {
+    body {
+        background-color: white;
+    }
     #page {
         margin-top: 0;
         margin-bottom: 0;
@@ -115,6 +118,11 @@ p,dl,dd {
     display:none;
 }
 
+/* Host tools start out hidden. */
+#host-tools {
+    display: none;
+}
+
 #register-form {
     max-width: 100%;
     display: grid;
@@ -193,3 +201,9 @@ button:hover {
 ::-moz-focus-inner {
     border: 0;
 }
+
+#character-reveal {
+    color: #333738;
+    font-size: 300%;
+    font-weight: bold;
+}