Separate distinct sections of HTML body

Author: Argavyon

index.html

@@ -30,6 +30,7 @@
 	<button id="navbar_character_builder">Character Builder (WIP)</button>
 	<button id="navbar_metrics">Metrics (WIP)</button>
 </div>
+
 <div class="content" id="content">
 	<div id="spell_compendium">
 		<h2 class="title">Spell Compendium</h2>
@@ -121,6 +122,7 @@ <h2 class="title">Metrics</h2>
 		<table id="metrics_spell_tag_tiers" style="margin: auto;"></table>
 	</div>
 </div>
+
 <footer style="padding:10px; text-align: center;">
 	<table style="margin: auto;">
 		<tr>
@@ -157,6 +159,7 @@ <h2 class="title">Metrics</h2>
 	<div>By <a href="https://lorcblog.blogspot.com">Lorc</a>, <a href="https://delapouite.com/">Delapouite</a>,  <a href="https://game-icons.net/">Skoll</a>,  <a href="http://wjbstories.blogspot.com/"> Willdabeast</a></div>
 	<br>
 </footer>
+
 <script src="src/navbar.js"></script>
 
 <script src="data/ClassDB.js"></script>