Dinkie Bitmap

1 files changed, 64 insertions, 0 deletions

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..b555c94
--- /dev/null
+++ b/style.css
@@ -0,0 +1,64 @@
+/*
+ * Colors from randoma11y.com for accessibility.
+ */
+/* use local  fontface */
+@font-face {
+	font-family:
+		"DinkieBitmap";
+	src:
+		local('DinkieBitmap 9px');
+	unicode-range:
+		U+2E80-FFFFF;
+
+}
+/*use hosted iokalant fontface */
+@font-face {
+	font-family:
+		"DinkieBitmap";
+	src:
+		url("fonts/DinkieBitmap-9px.ttf")format('truetype');
+	/*2E80 is when radical supplements start*/
+	unicode-range:
+		U+2E80-FFFFF;
+
+}
+* {
+	font-family: Console,DinkieBitmap, monospace;
+	color: #ffffff;
+	background-color: #241f3b;
+	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*/
+	color: #89bdcd;
+ 
+}
+a:hover {
+	color: #241f3b;
+	background-color: #89bdcd;
+}
+.content {
+	display: block;
+	width: 50vw;
+	min-width: 50vh;
+	max-width: 90vw;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+img {
+	display: block;
+	/*overrides not margin to center from bounds of the <pre> tag*/
+	margin-left: auto;
+	margin-right: auto;
+	/*default width*/
+	width: 100%;
+	/*preserves aspect ratio*/
+	height: auto;
+}