1 files changed, 105 insertions, 0 deletions
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..4d799f4
--- /dev/null
+++ b/style.css
@@ -0,0 +1,105 @@
+:root {
+  --html-color: #1b1b1b;
+  --background-color: #2a2a2a;
+  --title-primary: #90EE90;
+  --title-secondary: #ADF7AD;
+  --title-thirdth: #C1F7C1;
+  --white: #ffffff;
+}
+
+/*### COLORS ###*/
+
+html {
+  background-color: var(--html-color);
+}
+
+body {
+  color: white;
+  background-color: var(--background-color);
+}
+
+h1, h2, h3 {
+  text-align: center;
+  color: var(--title-secondary);
+}
+
+a {
+  color: #33bbff;
+  text-decoration: none;
+}
+
+div#header {
+  padding: 8% 0;
+}
+
+p#banner {
+  line-height: 2em;
+  color: var(--title-primary) ;
+}
+
+p#banner a {
+  color: var(--title-primary) ;
+}
+
+#contact-link {
+  font-size: 1.2em;
+}
+
+ul.toclist {
+  font-size: 1.3em;
+}
+
+.title {
+  color: var(--title-thirdth);
+}
+
+.desc {
+  color: papayawhip;
+}
+
+li::marker {
+  color: var(--title-thirdth);
+}
+
+/*### LAYOUT ###*/
+
+body {
+  font-size: 1em;
+  max-width: 55em;
+  padding: 0;
+  margin: 0 auto;
+  border: .1em solid var(--background-color);
+    border-top-width: 0.1em;
+    border-top-style: solid;
+    border-top-color: var(--html-color);
+  border-top: 0;
+  -moz-box-shadow: 0 0 5px 5px var(--background-color);
+  -webkit-box-shadow: 0 0 5px 5px var(--background-color);
+  -icab-box-shadow: 0 0 5px 5px var(--background-color);
+  -o-box-shadow: 0 0 5px 5px var(--background-color);
+  box-shadow: 0 0 5px 5px var(--background-color);
+}
+
+/*header*/
+
+#header {
+  text-align:center;
+}
+
+/* banner */
+
+#banner {
+  display: inline;
+  text-align:center;
+  vertical-align: middle;
+  font-size: 2em;
+  padding:.6em;
+  line-height:1em;
+  font-weight: bold;
+}
+
+
+
+article.informational {
+  font-size: 1.2em;
+}