1 files changed, 80 insertions, 0 deletions
diff --git a/public/_/style.css b/public/_/style.css
new file mode 100644
index 0000000..3cff5f6
--- /dev/null
+++ b/public/_/style.css
@@ -0,0 +1,80 @@
+@media (max-width: 1199px) and (min-width: 401px) {
+	body {
+		font-size: 32pt;
+	}
+
+	div.content_section_text p::first-letter,div.content::first-letter {
+		font-size: 37pt;
+	}
+
+	/* https://css-tricks.com/responsive-data-tables/ */
+
+	/*
+	 * Force table to not be like tables anymore
+	 */
+	table, thead, tbody, th, td, tr {
+		display: block;
+	}
+
+	/*
+	 * Hide table headers (but not display: none;, for accessibility)
+	 */
+	thead tr {
+		position: absolute;
+		top: -9999%;
+		left: -9999%;
+	}
+
+	td {
+		/* Behave  like a "row" */
+		border: none;
+		position: relative;
+		padding-left: 50%;
+	}
+
+	td::before {
+		/* Now like a table header */
+		position: absolute;
+		/* Top/left values mimic padding */
+		top: 6px;
+		left: 6px;
+		width: 45%;
+		padding-right: 10px;
+		white-space: nowrap;
+	}
+}
+
+@media only screen and (orientation: landscape)
+and (min-width: 992px)
+and (max-width: 1199px) {
+	body {
+		font-size: 14pt;
+	}
+}
+@media only screen and (orientation: landscape)
+and (min-width: 768px)
+and (max-width: 991px) {
+	body {
+		font-size: 14pt;
+	}
+}
+@media only screen and (orientation: landscape)
+and (min-width: 480px)
+and (max-width: 767px) {
+	body {
+		font-size: 11pt;
+	}
+}
+@media only screen and (orientation: landscape)
+and (max-width: 479px) {
+	body {
+		font-size: 8pt;
+	}
+}
+@media only screen and (orientation: landscape)
+and (min-device-width : 375px)
+and (max-device-width : 667px) {
+	body {
+		font-size: 9.5pt;
+	}
+}