From a86c0970eaead3ecc9665a2f73ce76d66fa3854d Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Thu, 23 Apr 2020 11:37:40 -0700
Subject: [PATCH] footer

---
 index.html | 34 ++++++++++++++++++++--------------
 styles.css |  7 +++++++
 2 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index a4feabf3..e9676c54 100644
--- a/index.html
+++ b/index.html
@@ -273,25 +273,31 @@
 </body>
 <footer class='footer'>
 	<div>
-		Card Conjurer by Kyle Burton<br>
+		<div>Card Conjurer by Kyle Burton</div>
+		<div>
 		<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'>
-	        <option value='lightMode'>Light Mode</option>
-	        <option value='darkMode'>Dark Mode</option>
-	        <option value='dayRave'>Day Rave</option>
-	        <option value='nightRave'>Night Rave</option>
-	        <option value='scholarMode'>Scholar Mode</option>
-      	</select>
+		        <option value='lightMode'>Light Mode</option>
+		        <option value='darkMode'>Dark Mode</option>
+		        <option value='dayRave'>Day Rave</option>
+		        <option value='nightRave'>Night Rave</option>
+		        <option value='scholarMode'>Scholar Mode</option>
+	      	</select>
+	      </div>
     </div>
 	<div>
-		Navigation<br>
-		<a href='index.html'>Card Creator</a><br>
-		<a href='life.html'>Life Counter</a><br>
-		<a href='askscryfall.html'>Ask Scryfall</a>
+		<div>Navigation</div>
+		<div>
+			<a href='index.html'>Card Creator</a><br>
+			<a href='life.html'>Life Counter</a><br>
+			<a href='askscryfall.html'>Ask Scryfall</a>
+		</div>
 	</div>
 	<div>
-		Legal<br>
-		<a href='termsofuse.html'>Terms of Use</a><br>
-		<a href='disclaimer.html'>Disclaimer</a>
+		<div>Legal</div>
+		<div>
+			<a href='termsofuse.html'>Terms of Use</a><br>
+			<a href='disclaimer.html'>Disclaimer</a>
+		</div>
 	</div>
 	<script defer src="data/scripts/animations.js"></script>
 </footer>
diff --git a/styles.css b/styles.css
index 6b3157ee..27e9ab35 100644
--- a/styles.css
+++ b/styles.css
@@ -419,6 +419,13 @@ canvas {
 	display: grid;
 	grid-template-columns: auto;
 	grid-row-gap: 1rem;
+	text-align: center;
+}
+.footer > div > div:first-child {
+	margin-bottom: 0.2rem;
+}
+.footer > div > div:not(:first-child) {
+	font-weight: bold;
 }
 .footer > div > select {
 	width: auto !important;