diff --git a/gatsby-browser.js b/gatsby-browser.js
new file mode 100644
index 0000000..b83ed98
--- /dev/null
+++ b/gatsby-browser.js
@@ -0,0 +1 @@
+require('./src/site.css');
diff --git a/src/globals.css b/src/globals.css
new file mode 100644
index 0000000..93a8084
--- /dev/null
+++ b/src/globals.css
@@ -0,0 +1,12 @@
+:root {
+  --color-green: #bada55;
+  --color-brown: #6b6659;
+  --color-tan: #cbcbba;
+  --color-black: #000;
+  --color-white: #fff;
+  --color-red: #b3151a;
+  --color-orange: #fa0;
+  --color-blue: #025d8c;
+
+  --content-margin: 2rem;
+}
diff --git a/src/site.css b/src/site.css
new file mode 100644
index 0000000..b0c6bfd
--- /dev/null
+++ b/src/site.css
@@ -0,0 +1,18 @@
+@import url('./globals.css');
+
+html {
+  font-size: 62.5%;
+}
+
+body {
+  margin: 0 var(--content-margin);
+  padding: 0;
+  font-family: sans-serif;
+  background: var(--color-brown);
+  color: var(--color-tan);
+  font-size: 1.6rem;
+}
+
+a {
+  color: inherit;
+}