Adding some basic styling

gatsby-browser.js

@@ -0,0 +1 @@
+require('./src/site.css');

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;
+}

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;
+}