From ac6d4f2200eb6eadd14dd30b6df6d7be90d49e93 Mon Sep 17 00:00:00 2001
From: knolax <1339802534.kk@gmail.com>
Date: Tue, 27 Feb 2018 21:18:06 -0500
Subject: changed font to adjust dynamically, as opposed to dynamically
 centering. This should be more mobile friendly now.

---
 style.css | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/style.css b/style.css
index a431147..d9ec5eb 100644
--- a/style.css
+++ b/style.css
@@ -22,6 +22,12 @@
 	font-family: Console, iol, io, monospace;
 	color: #000000;
 	margin: 0px; /*default margins get in the way*/
+	/*font size sets font height, assuming font width = 1/2 font height,
+	 * then fh /2 * 80 = 60vw
+	 * fh = 100/80
+	 * fh = 1.1vw
+	 */
+	font-size:  1.1vw;
 }
 a {
 	text-decoration: none; /*no underline*/
@@ -33,14 +39,15 @@ a:hover {
 	background-color: #801040;
 }
 .content {
-	/*the following works together to center the entire element*/
-	position:relative; /* allows for translation*/
-	left:50%; /* this shifts the element to the right by 50% of its parent*/
-	display: inline-block; /* this makes the element only as wide as it needs to be*/
-	transform:translatex(-50%);/*this shifts it to the left by half its own width*/
+	display: block;
+	width: 50vw;
+	min-width: 50vh;
+	max-width: 90vw;
+	margin-left: auto;
+	margin-right: auto;
 }
+
 img {
-	position: absolute; /*parent now ignores it's size when calculating size*/
 	display: block;
 	/*overrides not margin to center from bounds of the <pre> tag*/
 	margin-left: auto;
-- 
cgit v1.1