From 6f391264be366f4c22976829f223fcbd32a7df96 Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Thu, 3 Jan 2019 07:14:20 -0500
Subject: [PATCH] Adding some basic styling

---
 gatsby-browser.js |  1 +
 src/globals.css   | 12 ++++++++++++
 src/site.css      | 18 ++++++++++++++++++
 3 files changed, 31 insertions(+)
 create mode 100644 gatsby-browser.js
 create mode 100644 src/globals.css
 create mode 100644 src/site.css

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