diff --git a/package-lock.json b/package-lock.json
index a176616..4141e55 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,6 +7,9 @@
     "": {
       "name": "shellnut-dev",
       "version": "0.0.1",
+      "dependencies": {
+        "normalize.css": "^8.0.1"
+      },
       "devDependencies": {
         "@sveltejs/kit": "next",
         "@typescript-eslint/eslint-plugin": "^4.19.0",
@@ -2565,6 +2568,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/normalize.css": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
+      "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
+    },
     "node_modules/npmlog": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
@@ -6149,6 +6157,11 @@
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
       "dev": true
     },
+    "normalize.css": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
+      "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
+    },
     "npmlog": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
diff --git a/package.json b/package.json
index 905da2d..f8ec44a 100644
--- a/package.json
+++ b/package.json
@@ -26,5 +26,8 @@
     "tslib": "^2.0.0",
     "typescript": "^4.0.0"
   },
-  "type": "module"
+  "type": "module",
+  "dependencies": {
+    "normalize.css": "^8.0.1"
+  }
 }
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index d04b1c3..d8ed309 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import Header from '../components/Header.svelte';
+	import 'normalize.css';
 	// import { theme } from './stores';
 	// import { onMount } from 'svelte';
 
@@ -49,7 +50,7 @@
 		--textAccent: var(--purpleBlue);
 		--lineColor: var(--grey);
 		--cardBg: var(--secondary);
-		--headerBackground: var(--darkGrey);
+		--headerBackground: var(--lightShade);
 		--footerBackground: var(--darkGrey);
 		--linkHover: var(--purpleBlue);
 		--lightHairLine: var(--lightGrey);
@@ -116,6 +117,23 @@
 		--colorScheme: 'light';
 	}
 
+	:global(html) {
+		box-sizing: border-box;
+		font-size: 10px;
+	}
+
+	:global(*) {
+		box-sizing: inherit;
+	}
+
+	:global(*:before) {
+		box-sizing: inherit;
+	}
+
+	:global(*:after) {
+		box-sizing: inherit;
+	}
+
 	:global(figure) {
 		margin: 0 auto;
 	}