From 028f21d198b5c96dedece9172fbdf18456a7b74b Mon Sep 17 00:00:00 2001
From: Carl Worth <cworth@cworth.org>
Date: Mon, 11 May 2020 16:11:49 -0700
Subject: [PATCH] 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.)
---
 empires/index.html | 2 +-
 empires/style.css  | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/empires/index.html b/empires/index.html
index 4f574b9..7ccc7c3 100644
--- a/empires/index.html
+++ b/empires/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/empires/style.css b/empires/style.css
index 0c4f010..b1955f0 100644
--- a/empires/style.css
+++ b/empires/style.css
@@ -196,3 +196,9 @@ button:hover {
 ::-moz-focus-inner {
     border: 0;
 }
+
+#character-reveal {
+    color: #333738;
+    font-size: 300%;
+    font-weight: bold;
+}
-- 
2.43.0