From: Carl Worth <cworth@cworth.org>
Date: Mon, 11 May 2020 23:11:49 +0000 (-0700)
Subject: Style the revealed character names extra large
X-Git-Url: https://git.cworth.org/git?p=empires-html;a=commitdiff_plain;h=08b6875d550f0305e7b88218fd3f66e6cc231eb1

Style the revealed character names extra large

These are an essential element of the game. They should basically fill
the content area of the screen.

(I think ideally, the game would size the text so the largest name
_does_ fill the screen and then use a consistent font size for all of
them, but this will do for now.)
---

diff --git a/index.html b/index.html
index 4f574b9..7ccc7c3 100644
--- a/index.html
+++ b/index.html
@@ -63,7 +63,7 @@
   <div class="show-state-reveal">
     <h1>Watch and memorize each character!</h1>
 
-    <h1 id="character-reveal"></h1>
+    <span id="character-reveal"></span>
   </div>
 
   <div class="hide-state-reveal" id="players-div">
diff --git a/style.css b/style.css
index 0c4f010..b1955f0 100644
--- a/style.css
+++ b/style.css
@@ -196,3 +196,9 @@ button:hover {
 ::-moz-focus-inner {
     border: 0;
 }
+
+#character-reveal {
+    color: #333738;
+    font-size: 300%;
+    font-weight: bold;
+}