diff --git a/src/pages/about.astro b/src/pages/about.astro
index 2106db5..55e68fb 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -1,4 +1,6 @@
 ---
+import "../styles/global.css"
+
 const pageTitle = "About Me"
 
 const identity = {
@@ -23,6 +25,7 @@ const skills = [
 const happy = true
 const finished = true
 const goal = 3
+const skillColor = "navy"
 ---
 
 <html lang="en">
@@ -32,13 +35,13 @@ const goal = 3
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
     <title>{pageTitle}</title>
-<style>
+<style define:vars={{skillColor }}>
       h1 {
         color: purple;
         font-size: 4rem;
       }
       .skill {
-    color: green;
+    color: var(--skillColor);
     font-weight: bold;
   }
     </style>
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index 24d2b51..0e6ffd3 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -1,4 +1,6 @@
 ---
+import "../styles/global.css"
+
 const pageTitle = "Blog posts"
 
 ---
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 4a53d99..dd416b6 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,4 +1,6 @@
 ---
+import "../styles/global.css"
+
 const pageTitle = "Orbital Orbit"
 ---
 
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..c039851
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,21 @@
+html {
+  background-color: #f1f5f9;
+  font-family: sans-serif;
+}
+
+body {
+  margin: 0 auto;
+  width: 100%;
+  max-width: 80ch;
+  padding: 1rem;
+  line-height: 1.5;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+h1 {
+  margin: 1rem 0;
+  font-size: 2.5rem;
+}
