diff --git a/_includes/styles/base.scss b/_includes/styles/base.scss
index 02fbcfa..a21c567 100644
--- a/_includes/styles/base.scss
+++ b/_includes/styles/base.scss
@@ -78,19 +78,6 @@ pre {
   }
 }
 
-.page-header {
-  margin-bottom: 2rem;
-  text-align: center;
-  h1 {
-    background: -webkit-linear-gradient(45deg, var(--color-red), var(--color-blue));
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-  }
-  .subheading {
-    font-style: italic;
-  }
-}
-
 @for $i from 1 to 3 {
   .m-#{i} {
     margin: #{i}/4;
diff --git a/_includes/styles/components/header.scss b/_includes/styles/components/header.scss
new file mode 100644
index 0000000..da8a99f
--- /dev/null
+++ b/_includes/styles/components/header.scss
@@ -0,0 +1,12 @@
+.page-header {
+  margin-bottom: 2rem;
+  text-align: center;
+  h1 {
+    background: -webkit-linear-gradient(45deg, var(--color-red), var(--color-blue));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+  .subheading {
+    font-style: italic;
+  }
+}
diff --git a/styles/main.scss b/styles/main.scss
index 4190d35..48e625d 100644
--- a/styles/main.scss
+++ b/styles/main.scss
@@ -9,4 +9,5 @@
 
 // Components
 @import "styles/components/navbar";
+@import "styles/components/header";
 @import "styles/components/separator";