1 files changed, 67 insertions, 2 deletions

diff --git a/index.css b/index.css
index 37bdccb..bc9bee5 100644
--- a/index.css
+++ b/index.css
@@ -1,10 +1,41 @@
-html {
+:root {
+  --cultured: #efefefff;
+  --light-cyan: #cae4dbff;
+  --maximum-blue-green: #4ec5c1ff;
+  --minion-yellow: #f9e45bff;
+  --powder-blue: #caebf2ff;
+  --teal-blue: #2b6777ff;
+  --bar-background: var(--powder-blue);
+  --text-color: var(--teal-blue);
+  --link-color: var(--maximum-blue-green);
+  --background: var(--cultured);
+  --secondary-family: Lato, sans-serif;
+}
+
+html body {
   font-family: "Vollkorn", serif;
+  font-size: 1.25em;
+  color: var(--text-color);
+  background-color: var(--background);
+  margin: 0;
+  padding: 0;
+}
+
+a {
+  color: var(--link-color);
+}
+
+nav a {
+  color: var(--text-color);
+  font-size: 0.75em;
+  text-decoration: none;
+  padding-right: 1em;
 }
 
 a.closeMenu {
   float: right;
   display: none;
+  text-align: right;
 }
 
 #menu:target nav {
@@ -17,6 +48,8 @@ a.closeMenu {
 
 a.openMenu {
   float: right;
+  padding: 1em;
+  padding-right: 2em;
 }
 
 #menu:target a.closeMenu {
@@ -24,6 +57,38 @@ a.openMenu {
 }
 
 nav {
-  background-color: red;
+  text-align: center;
+  background-color: var(--bar-background);
   display: none;
+  margin: 0;
+  padding: 1em;
+}
+
+svg path {
+  fill: var(--text-color);
+}
+
+main {
+  padding: 1em;
+}
+
+footer {
+  font-size: 0.75em;
+  text-align: center;
+  background-color: var(--bar-background);
+  margin: 0;
+  padding: 1em;
+}
+
+h1 {
+  padding-top: 0.25em;
+  text-align: center;
+  font-size: 3em;
+}
+
+h2,
+footer,
+nav a {
+  font-family: var(--secondary-family);
+  text-transform: uppercase;
 }