Testing css changes

assets/kobold.css

@@ -13,17 +13,21 @@
     font-weight: bold;
 }
 
+body {
+    background-image: url("/koboldgen/assets/kisbg-sm.png");
+    background-position: 5em 1.5em;
+}
 
 div {
     background-color: white;
 }
 
-div#content {
-    background-image: url("/koboldgen/assets/kisbg-sm.png");
-    background-position: 5em 1.5em;
-    /* background-repeat: no-repeat; */
+div#header, div#content, div#howtoplay, div#footer {
+    background-color: transparent;
 }
 
+
+
 .firstrow {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     float: left;
@@ -140,3 +144,7 @@ div#content {
     font-family: "Reverb Bold";
     font-size: 1.4em;
 }
+
+#uqp, #credits {
+    float: left;
+}

koboldfoot.html

@@ -1,17 +1,21 @@
     </div>
 
     <div id="howtoplay">
-        <p class="head">Ultra-Quickplay Rules</p>
-        <p>Completing a task (making an attack, cleaning a surface, activating a device) is an Event. If you're the first person to say they're doing something, your Event goes first.</p>
-        <p>To complete a task, combine two of your stats (Order or Chaos + Brain or Body) and roll 2d6.<br>If you roll under, you succeed; over, you fail; hit the target number, you get a partial success.</p>
-        <p>If you take damage, temporarily reduce your Brain or Body stat by 1, depending on what kind of damage you took.<br>You can regain stats by taking a nap.</p>
-        <p>If you use a reusable gadget, you have to take a nap before you can use it again. If someone else hands you a reusable gadget, you have to take a nap before you can use it. (You can use non-reusable gadgets right away.)</p>
+        <div id="uqp">
+            <p class="head">Ultra-Quickplay Rules</p>
+            <p>Completing a task (making an attack, cleaning a surface, activating a device) is an Event. If you're the first person to say they're doing something, your Event goes first.</p>
+            <p>To complete a task, combine two of your stats (Order or Chaos + Brain or Body) and roll 2d6.<br>If you roll under, you succeed; over, you fail; hit the target number, you get a partial success.</p>
+            <p>If you take damage, temporarily reduce your Brain or Body stat by 1, depending on what kind of damage you took.<br>You can regain stats by taking a nap.</p>
+            <p>If you use a reusable gadget, you have to take a nap before you can use it again. If someone else hands you a reusable gadget, you have to take a nap before you can use it. (You can use non-reusable gadgets right away.)</p>
+        </div>
     </div>
 
     <div id="footer">
-        <p class="head">Credits</p>
-        <p><em>This tool is based on <strong><a href='https://docs.google.com/document/d/1Fh_3SWYLTbO_AFrYZHtbd3GVJ40H4Dfw7954VBiWD64/' target='_blank'>Kobolds In Space!</a></strong> by <a href='https://aaronbsmith.com/cogwheel/' target='_blank'>Aaron Smith</a>.</em></p>
-        <p><em>The code was written by <a href='https://elekk.xyz/@noelle' target='_blank'>No&euml;lle Anthony</a> and can be found <a href='https://git.noelle.codes/noelle/koboldgen' target='_blank'>at her git repository</a>.</em></p>
+        <div id="credits">
+            <p class="head">Credits</p>
+            <p><em>This tool is based on <strong><a href='https://docs.google.com/document/d/1Fh_3SWYLTbO_AFrYZHtbd3GVJ40H4Dfw7954VBiWD64/' target='_blank'>Kobolds In Space!</a></strong> by <a href='https://aaronbsmith.com/cogwheel/' target='_blank'>Aaron Smith</a>.</em></p>
+            <p><em>The code was written by <a href='https://elekk.xyz/@noelle' target='_blank'>No&euml;lle Anthony</a> and can be found <a href='https://git.noelle.codes/noelle/koboldgen' target='_blank'>at her git repository</a>.</em></p>
+        </div>
     </div>
     </body>
 </html>