From 80c0b372eb468ae74ecc84ac5f11b144adb72c2a Mon Sep 17 00:00:00 2001
From: Jayden Seric <me@jaydenseric.com>
Date: Wed, 8 Nov 2017 15:26:19 +1100
Subject: [PATCH] More robust global styles.

---
 app/components/page.js | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/components/page.js b/app/components/page.js
index b306505..2b856a2 100644
--- a/app/components/page.js
+++ b/app/components/page.js
@@ -9,18 +9,18 @@ const Page = ({ title, children }) => (
       <link rel="manifest" href="/static/manifest.json" />
       <link rel="icon" sizes="192x192" href="/static/apollo-icon.png" />
       <link rel="apple-touch-icon" href="/static/apollo-launcher-icon.png" />
-      <style>{`
-        html {
-          font-family: sans-serif;
-          color: white;
-          background-color: #22a699;
-        }
-        body {
-          margin: 2em;
-        }
-      `}</style>
     </Head>
     {children}
+    <style jsx global>{`
+      html {
+        font-family: sans-serif;
+        color: white;
+        background-color: #22a699;
+      }
+      body {
+        margin: 2em;
+      }
+    `}</style>
   </div>
 )