1 files changed, 102 insertions, 0 deletions
diff --git a/style.css b/style.css
new file mode 100755
index 0000000..bfb0b2a
--- /dev/null
+++ b/style.css
@@ -0,0 +1,102 @@
+body {
+	max-width: 800px;
+	margin: auto;
+	padding-left: 20px;
+	padding-right: 20px;
+
+	--dark-red: #623a46;
+	--red: #8f6370;
+	--light-red: #bf8f9d;
+
+	--dark-orange: #623e29;
+	--orange: #8f6752;
+	--light-orange: #be947d;
+
+	--dark-yellow: #4f481f;
+	--yellow: #7a7349;
+	--light-yellow: #a7a074;
+
+	--dark-green: #2f5136;
+	--green: #587c5f;
+	--light-green: #84a98b;
+
+	--dark-sky: #145154;
+	--sky: #447c7f;
+	--light-sky: #71aaad;
+
+	--dark-blue: #2e4a67;
+	--blue: #577594;
+	--light-blue: #82a2c3;
+
+	--dark-purple: #4d4063;
+	--purple: #776a90;
+	--light-purple: #a496bf;
+
+	--white: #efedf4;
+	--dark-white: #ceccd3;
+	--lighter-gray: #afadb3;
+	--light-gray: #908e94;
+	--gray: #727077;
+	--dark-gray: #56545a;
+	--darker-gray: #3b393f;
+	--light-black: #222126;
+	--black: #0c0a0f;
+}
+
+pre {
+	margin-left: 25px;
+	overflow-x: auto;
+}
+
+.nav {
+	margin: 18pt 0 18pt 0;
+	padding: 3px 15px;
+	border-width: 2px;
+}
+
+.nav nav {
+	display: inline-block;
+}
+
+.nav menu {
+	display: inline-block;
+	list-style-type: none;
+	padding-left: 0;
+}
+
+.nav li {
+	display: inline-block;
+}
+
+.nav__title {
+	display: inline-block;
+	font-size: 18pt;
+	margin-right: 18pt;
+}
+
+.nav__button {
+	display: inline-block;
+	text-decoration: none;
+	margin-right: 3px;
+	border-width: 3px;
+	border-style: solid;
+	padding: 8px;
+}
+
+.screen-reader-focusable {
+	position: absolute;
+	left: -10000px;
+	top: auto;
+	width: 1px;
+	height: 1px;
+	overflow: hidden;
+}
+
+.screen-reader-focusable:focus {
+	position: unset;
+	left: unset;
+	top: unset;
+	width: unset;
+	height: unset;
+	overflow: unset;
+}