We going plaintext now boys

styles/buttons.css

@@ -1,36 +0,0 @@
-/*
- * buttons.css
- * Copyright (C) 2020 Vintage Salt
- *
- * Distributed under terms of the MIT license.
- */
-
-/* BIG ICON BUTTONS
- * Used on the index for services */
-div.iconbuttoncontainer {
-	display: grid;
-	grid-gap: 1em;
-	grid-template-columns: 1fr 1fr 1fr;
-}
-a.iconbutton {
-	background: var(--background-dark);
-	border: 4px solid var(--background-dark);
-	display: block;
-	padding: 1em;
-	text-align: center;
-}
-a.iconbutton:hover {
-	background: var(--link-hover);
-	color: var(--background);
-}
-a.iconbutton i {
-	font-size: 400%
-}
-
-/* MOBILE */
-@media only screen and (max-width: 600px) {
-	div.iconbuttoncontainer {
-		grid-template-columns: 1fr;
-	}
-}
-

styles/styles.css

@@ -12,7 +12,7 @@
 	--background-dark: #28232c;
 	--link: #ba844d;
 	--link-hover: #ffb940;
-	--text: #ffefcf;
+	--text: #ffe4b4;
 }
 html {
 	background: var(--background-dark);
@@ -21,7 +21,7 @@ html {
 body {
 	background: var(--background);
 	color: var(--text);
-	font-family: "Roboto", sans-serif;
+	font: 12pt Inconsolata, sans-serif;
 	margin: 4em auto;
 	max-width: 40em;
 	padding: 4em;
@@ -37,15 +37,6 @@ a {
 a:hover {
 	color: var(--link-hover);
 }
-/* code */
-code {
-	background: var(--text);
-	border-radius: 3px;
-	color: var(--background-dark);
-	display: inline-block;
-	font-size: 11pt;
-	padding: 2px 4px;
-}
 dl {
 	list-style-type: none;
 	margin: 0;
@@ -57,102 +48,59 @@ dl dt {
 dl dd {
 	margin: 0;
 }
-
-/* CUSTOM DIVS AND SPANS */
-a.quickbutton {
-	background: var(--background);
-	border-radius: 8px;
-	display: block;
-	font-size: 150%;
-	margin: 0.5em 0;
-	padding: 1em;
-	text-align: center;
-}
-a.quickbutton:hover {
-	background: var(--link-hover);
-	color: var(--background-dark);
-}
-div.break {
-	width: 4em;
-	margin: 2em auto;
-	border-bottom: 3px double var(--text);
-}
-img.bigimg {
-	border-radius: 8px;
-	display: block;
-	margin: 1em auto;
-}
-
-/* HIERARCHICAL CLASSES */
-/* HEADER */
-.header {
-	background: var(--background);
-}
-.logocontainer {
-	align-items: center;
-	display: flex;
-	justify-content: center;
-	padding: 1em 0;
-}
-.logo {
-	border-radius: 50%;
-	height: 128px;
-	vertical-align: middle;
-	margin: 0 1em;
-	max-width: 128px;
-}
-.header h1 {
-	display: inline;
+h1 {
+	font-size: 100%;;
 	margin: 0;
 }
-.header p {
+h1:before {
+	content: "=> ";
+	opacity: 0.25;
+}
+h2 {
+	font-size: 100%;
 	margin: 0;
 }
-.header nav ul {
+h2:before {
+	content: "-- ";
+	opacity: 0.25;
+}
+p {
+	margin: 0 0 1em 0;
+}
+nav ul {
+	display: inline-block;
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
-	text-align: center;
 }
-.header nav ul li {
+nav ul li{
 	display: inline-block;
-	padding: 0.8em;
+	margin: 0;
+	padding: 0;
 }
-.header nav ul li:hover {
-	background: var(--link-hover);
-	color: var(--background-dark);
-	transition: .08s ease-in;
+nav ul li:before {
+	content: ":: ";
+	opacity: 0.25;
+}
+.content ul {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+}
+.content ul li:before {
+	content: "* ";
+	opacity: 0.25;
 }
 
 /* CONTENT */
+.header {
+	margin: 0 0 1em 0;
+}
+.header h1 {
+	margin: 0 0 1em 0;
+}
 .content {
 	background: var(--background);
-	padding: 2em 0;
-}
-.subcontainer {
-	background: var(--background);
-	border-radius: 8px;
-	margin: 1em 0;
-	padding: 1em;
-}
-.toc {
-	background: var(--background);
-	border-radius: 4px;
-	display: inline-block;
-	margin: 0 1em 1em 1em;
-	width: auto;
-}
-
-/* FOOTER */
-.footer {
-	background: var(--background);
-	font-size: 11px;
-	line-height: 1.3;
-	padding: 1em 0;
-	text-align: center;
-}
-.footer p {
-	margin: 0;
 }
 
 /* MOBILE */