diff --git a/‎css/app.css‎
Lines changed: 8 additions & 0 deletions b/‎css/app.css‎
Lines changed: 8 additions & 0 deletions
diff --git a/‎index.html‎
Lines changed: 6 additions & 5 deletions b/‎index.html‎
Lines changed: 6 additions & 5 deletions
@@ -1,4 +1,12 @@
 /* Don't let Simple.css override the button styles that choices.css is using. */
 .choices button:enabled:hover {
   background-color: unset;
+}
+
+hgroup h1 {
+  margin-bottom: 0;
+}
+
+hgroup p {
+  margin-top: 0;
 }
@@ -50,8 +50,10 @@
 
   <body>
       <main>
-        <h1>TCG Pocket Draw Simulator</h1>
-        <p>Simulate drawing and playing specific combinations of cards</p>
+        <hgroup>
+          <h1>TCG Pocket Draw Simulator</h1>
+          <p class="subheader">Simulate drawing and playing specific combinations of cards</p>
+        </hgroup>
 
         <form
           x-data="pokemonSimulator()"
@@ -60,21 +62,20 @@ <h1>TCG Pocket Draw Simulator</h1>
         >
           <fieldset>
             <legend>Select Cards for Your Deck</legend>
-            <label for="deckSelection">Pick deck cards (1x or 2x):</label>
+            <label for="deckSelection">Pick deck cards (x1 or x2):</label>
             <select id="deckSelection" multiple x-ref="deckSelect"></select>
           </fieldset>
 
           <fieldset>
             <legend>Target Cards</legend>
             <label for="targetCards"
-              >Pick which base card(s) you’re aiming for:</label
+              >Pick which card(s) you’re aiming to play:</label
             >
             <select id="targetCards" multiple x-ref="targetCards"></select>
           </fieldset>
 
           <button type="submit">Run Simulation</button>
         </form>
       </main>
-    </main>
   </body>
 </html>