1 files changed, 136 insertions, 0 deletions
diff --git a/src/style.php b/src/style.php
new file mode 100644
index 0000000..b55bb90
--- /dev/null
+++ b/src/style.php
@@ -0,0 +1,136 @@
+<?php
+	header("Content-type: text/css; charset: UTF-8");
+	include($_SERVER["DOCUMENT_ROOT"] . "/vars.php");
+?>
+@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap');
+
+:root {
+	--background: #<?php echo($c_bg) ?>;
+	--text: #<?php echo($c_fg) ?>;
+	--header: #<?php echo($c_fg) ?>;
+	--secondary: #<?php echo($c_sc) ?>;
+	--highlight: #<?php echo($c_hl) ?>;
+}
+
+body {
+	margin: 0px;
+	background-color: var(--background);
+}
+
+@media (max-aspect-ratio: 6/7) {
+	.contentpane {
+		margin: auto;
+		width: 100%;
+		min-height: 100%;
+	}
+}
+
+@media (min-aspect-ratio: 7/7) {
+	.contentpane {
+		margin: auto;
+		width: 60%;
+		min-height: 100%;
+	}
+}
+
+p {
+	text-align: left;
+	text-indent: 25px;
+	font-family: 'Quicksand', sans-serif;
+	font-size: 16pt;
+	color: var(--text);
+	padding: 8px 50px 8px 50px;
+}
+
+h1 {
+	text-align: center;
+	font-family: 'Quicksand', sans-serif;
+	font-size: 30pt;
+	font-weight: 600;
+	color: var(--header);
+	padding: 50px 50px 3px 50px;
+	margin: auto auto 0px auto;
+}
+
+h2 {
+	text-align: center;
+	font-family: 'Quicksand', sans-serif;
+	font-size: 24pt;
+	font-weight: 600;
+	color: var(--header);
+	padding: 8px 50px 8px 50px;
+}
+
+h3 {
+	text-align: left;
+	text-indent: 55px;
+	font-family: 'Quicksand', sans-serif;
+	font-size: 16pt;
+	font-weight: 600;
+	color: var(--text);
+	padding: 8px 50px 2px 50px;
+}
+
+h3.nav {
+	text-align: center;
+	text-indent: 0px;
+	padding: 3px 50px 8px 50px;
+	margin: 0px auto auto auto;
+}
+
+ul h3 {
+	font-style: italic;
+	text-align: left;
+	text-indent: 0px;
+	padding: 8px 50px 8px 50px;
+}
+
+ul h3 a {
+	font-style: italic;
+}
+
+ul p {
+	text-indent: 0px;
+	font-family: 'Quicksand', sans-serif;
+	font-size: 16pt;
+	color: var(--text);
+	padding: 8px 50px 8px 50px;
+}
+
+a {
+	color: var(--secondary);
+	font-family: 'Quicksand', sans-serif;
+	text-decoration: none;
+}
+
+a:hover {
+	color: var(--highlight);
+}
+a.backbutton {
+	font-style: normal;
+	font-size: 80%;
+	text-decoration: none;
+	padding: 0px;
+}
+
+ul {
+	list-style-position: outside;
+	padding: 0px 0px 0px 75px;
+}
+
+li {
+	color: var(--highlight);
+}
+
+hr {
+	border-color: var(--text);
+	background-color: var(--text);
+}
+
+.footer {
+	width: auto;
+	margin: auto;
+}
+.ascii {
+	color: var(--secondary);
+}