diff --git a/testing/output.gmi b/testing/output.gmi
index 0e7ddcb..bc25a86 100644
--- a/testing/output.gmi
+++ b/testing/output.gmi
@@ -1,3 +1,11 @@
+Navigation:
+=> gmi/index.gmi home
+=> gmi/notes/index.gmi notes 
+=> gmi/useful/index.gmi useful 
+=> gmi/sitemap.gmi sitemap
+=> gmi/feed.atom feed
+=> http://git.vern.cc/techn0path/ git
+
 # Testing Input
 This is testing input.
 
@@ -22,10 +30,3 @@ Right?
 ### Level 3 Subheadings work
 
 #### But not beyond that.
-Navigation:
-=> ../gmi/index.gmi home
-=> ../gmi/notes/index.gmi notes 
-=> ../gmi/useful/index.gmi useful 
-=> ../gmi/sitemap.gmi sitemap
-=> ../gmi/feed.atom feed
-=> http://git.vern.cc/techn0path/ git
diff --git a/testing/output.html b/testing/output.html
index 4be3a12..c3da726 100644
--- a/testing/output.html
+++ b/testing/output.html
@@ -7,8 +7,10 @@
 		<meta name='viewpoint' content='width=device-width,initial-scale=1.0' />
 
 		<style>
-body { margin: 20px; }
-#content { max-width: 80ch; }
+#content { max-width: 70ch; margin: auto; padding: 10px; }
+#navbar { max-width: 70ch; margin: auto; padding: 10px; background: teal; color: white; }
+#navbar a { color: white; }
+hr { max-width: 70ch; }
 .permalink { margin-left: 15px; }
 		</style>
 	</head>
@@ -21,9 +23,9 @@ body { margin: 20px; }
 			<a href='../html/sitemap.html'>sitemap</a> | 
 			<a href='../html/feed.atom'>feed</a> | 
 			<a href='http://git.vern.cc/techn0path/'>git</a>
-		</nav>
+		</nav><br>
 
-		</header><hr>
+		</header>
 		<article id='content'>
 		<details id='toc'> <summary>Table of content</summary> <ol>
 <li><a href='#level_2_subheadings_work'>Level 2 Subheadings work</a></li>
@@ -55,8 +57,7 @@ Right?
 <p></p>
 <p>#### But not beyond that.</p>
 
-		</article>
-		<hr>
 		<p>If you have any suggestions, let me know at <a href='mailto:logicartist123@gmail.com'>logicartist123@gmail.com</a>. Sorry, I still use GMail. :/</p>
+		</article>
 	</body>
 </html>
\ No newline at end of file