diff --git a/src/components/EolasListing.jsx b/src/components/EolasListing.jsx
index d3fa4b4..93e654b 100644
--- a/src/components/EolasListing.jsx
+++ b/src/components/EolasListing.jsx
@@ -37,7 +37,7 @@ const EolasListing = () => {
 		<div className="container mx-auto p-4 grow">
 			<div className="space-my-8">
 				<section className="container">
-					<h2 className="text-2xl font-semibold mb-4 text-[#d65d0e]! scanlined inline-block px-2">
+					<h2 className="text-2xl font-semibold mb-4 text-[#d65d0e]! scanlined inline-block px-2 h2-home">
 						{`> recent learning (external)`}
 					</h2>
 
diff --git a/src/containers/CodeStats.jsx b/src/containers/CodeStats.jsx
index bd364b0..5e7bd91 100644
--- a/src/containers/CodeStats.jsx
+++ b/src/containers/CodeStats.jsx
@@ -71,7 +71,7 @@ const CodeStats = () => {
 			<div className="space-my-8">
 				<section className="container">
 					<div className="flex flex-col md:flex-row items-start md:items-center md:justify-between">
-						<h2 className="text-2xl font-semibold mb-4 text-[#458588]! scanlined inline-block px-1">
+						<h2 className="text-2xl font-semibold mb-4 text-[#458588]! scanlined inline-block px-1 h2-home">
 							{`> code stats`}
 						</h2>
 						<div className="mb-4 text-sm text-muted">
diff --git a/src/containers/PostListing.jsx b/src/containers/PostListing.jsx
index f5a2eaf..77e62d7 100644
--- a/src/containers/PostListing.jsx
+++ b/src/containers/PostListing.jsx
@@ -8,7 +8,7 @@ const PostListing = ({ posts, title, showAllButton }) => {
     <div className="container mx-auto p-4 grow">
       <div className="space-my-8">
         <section className="container">
-          <h2 className="text-2xl font-semibold mb-4 scanlined block px-2">
+          <h2 className="text-2xl font-semibold mb-4 scanlined block px-2 h2-home">
             {`> ${title}`}
           </h2>
           {posts.map((post) => (
diff --git a/src/index.css b/src/index.css
index 5e8da1e..5f347ae 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4,86 +4,89 @@
 @import "tw-animate-css";
 
 * {
-	outline-color: color-mix(in srgb, var(--ring) 50%, transparent);
+  outline-color: color-mix(in srgb, var(--ring) 50%, transparent);
 }
 
 html {
-	font-family: var(--font-sansserif);
+  font-family: var(--font-sansserif);
 }
 
 body {
-	background-color: var(--background);
-	color: var(--foreground);
+  background-color: var(--background);
+  color: var(--foreground);
 }
 
 .condensed {
-	font-family: "IBM Plex Sans Condensed";
+  font-family: "IBM Plex Sans Condensed";
 }
 
 figcaption {
-	font-weight: 500;
-	font-family: "IBM Plex Sans Condensed";
+  font-weight: 500;
+  font-family: "IBM Plex Sans Condensed";
 }
 
 h1 {
-	color: var(--color-orange-light);
-
-	font-family: "IBM Plex Sans Condensed";
+  color: var(--color-orange-light);
+  font-family: "IBM Plex Sans Condensed";
 }
 
 h2 {
-	font-family: "IBM Plex Sans Condensed";
-	color: var(--color-green-light);
+  font-family: "IBM Plex Sans";
+  color: var(--color-green-light);
+}
+
+.h2-home {
+  font-family: "IBM Plex Sans Condensed";
 }
 
 h3 {
-	font-family: "IBM Plex Sans Condensed";
+  font-family: "IBM Plex Sans";
 }
 
 .monospaced-font {
-	font-family: "iA Writer Mono";
+  font-family: "iA Writer Mono";
 }
 
 .scanlined {
-	position: relative;
-	/* Add this */
+  position: relative;
+  /* Add this */
 }
 
 .scanlined::after {
-	content: "";
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	background-image: linear-gradient(rgba(0, 0, 0, 0.4) 1px, transparent 1px);
-	background-size: 2px 2px;
-	background-repeat: repeat;
-	pointer-events: none;
-	z-index: 9999;
-	/* Might want to lower this too */
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: linear-gradient(rgba(0, 0, 0, 0.4) 1px, transparent 1px);
+  background-size: 2px 2px;
+  background-repeat: repeat;
+  pointer-events: none;
+  z-index: 9999;
+  /* Might want to lower this too */
 }
 
 code {
-	font-family: var(--font-monospaced);
+  font-family: var(--font-monospaced);
 }
 
 p code {
-	color: var(--foreground);
-	background: #504945;
-	font-size: 14px;
-	padding: 0.2rem 0.3rem;
-	border-radius: var(--radius);
-	font-weight: 500;
+  color: var(--foreground);
+  background: #504945;
+  font-size: 14px;
+  padding: 0.2rem 0.3rem;
+  border-radius: var(--radius);
+  font-weight: 500;
 }
 
 .shiki {
-	padding: 1rem 1.2rem;
-	border-radius: 0;
-	overflow-x: auto;
-	margin: 1.5rem 0;
-	line-height: 1.3;
-	/* counter-reset: line; */
-	font-family: var(--font-monospaced) !important;
-	font-size: 14px !important;
+  padding: 1rem 1.2rem;
+  border-radius: 0;
+  overflow-x: auto;
+  margin: 1.5rem 0;
+  line-height: 1.3;
+  /* counter-reset: line; */
+  font-family: var(--font-monospaced) !important;
+  font-size: 14px !important;
 }
diff --git a/src/pages/home.jsx b/src/pages/home.jsx
index 056ef27..86fdfd7 100644
--- a/src/pages/home.jsx
+++ b/src/pages/home.jsx
@@ -43,7 +43,7 @@ const HomePage = () => {
       <div className="container mx-auto p-4 grow">
         <div className="space-my-8">
           <section className="container">
-            <h2 className="text-2xl font-semibold mb-4 text-[#d3869b]! scanlined block px-2">
+            <h2 className="text-2xl font-semibold mb-4 text-[#d3869b]! scanlined block px-2 h2-home">
               {`> projects`}
             </h2>
             <ul>
diff --git a/src/templates/BlogTemplate.jsx b/src/templates/BlogTemplate.jsx
index 13b4b69..4f4e0f1 100644
--- a/src/templates/BlogTemplate.jsx
+++ b/src/templates/BlogTemplate.jsx
@@ -40,9 +40,9 @@ const BlogTemplate = () => {
 
 						<div
 							className="
-							[&>h2]:text-2xl [&>h2]:font-medium [&>h2]:my-4 [&>h2]:text-[#fabd2f]!
-							[&>h3]:text-xl [&>h3]:font-medium [&>h3]:my-4 [&>h3]:text-[#fabd2f]
-							[&>h4]:text-lg [&>h4]:font-medium [&>h4]:my-4 [&>h4]:text-[#fabd2f]
+							[&>h2]:text-2xl [&>h2]:font-medium [&>h2]:my-4 [&>h2]:text-[#fe8019]!
+							[&>h3]:text-xl [&>h3]:font-medium [&>h3]:my-4 [&>h3]:text-[##fe8019]
+							[&>h4]:text-lg [&>h4]:font-medium [&>h4]:my-4 [&>h4]:text-[#fe8019]
 							[&>p]:leading-7 [&>p:not(:first-child)]:mt-4
 							[&>p+:is(h1,h2,h3,h4,h5,h6)]:mt-6
 							[&>blockquote]:mt-4 [&>blockquote]:border-l-2 [&>blockquote]:pl-6 [&>blockquote]:text-muted-foreground