Make group buttons bigger; restyle banners

game.js

@@ -5976,12 +5976,14 @@ function construct_options() {
 
     label.setAttribute("for", "group-toggle-" + group);
     label.innerText = groupInfo[group].name;
+    label.classList.add("group-toggle");
     
     input.addEventListener("input", update_visible_groups);
 
     label.classList.add("solo");
     group_holder.appendChild(input);
     group_holder.appendChild(label);
+    group_holder.appendChild(document.createElement("br"));
 
   })
 

stroll.html

@@ -294,7 +294,7 @@
         </div>
 
         <div class="custom-category">
-          <p>Show/hide whole groups character features here.</p>
+          <p>Show/hide whole groups of character features here.</p>
           <div id="group-button-holder">
 
           </div>

style.css

@@ -948,14 +948,18 @@ body {
 
 .group-banner {
   min-width: 80vw;
-  min-height: 10vh;
+  min-height: 7vh;
   font-size: 6vh;
   margin: auto;
 }
 
 body.dark div.group-banner {
-  background-color: #444;
+  background-color: #333;
 }
 body.light div.group-banner {
-  background-color: #bbb;
+  background-color: #ccc;
+}
+
+label.group-toggle {
+  font-size: 30pt !important;
 }