diff --git a/src/app.css b/src/app.css
index d4c2eaa..192a1f4 100644
--- a/src/app.css
+++ b/src/app.css
@@ -30,6 +30,12 @@ body {
   font-weight: 500;
 }
 
+header h2 {
+  font-family: "Special Elite", cursive;
+  font-size: 2em;
+  line-height: 1.5em;
+}
+
 h1,
 h2,
 h3,
@@ -44,7 +50,14 @@ h4 {
 }
 
 h1 {
-  font-family: "Redaction", Georgia, "Times New Roman", Times, serif;
+  font-family: "Special Elite", cursive;
+  color: var(--background);
+  background-color: var(--text-shout);
+  display: inline-block;
+  padding: 0.35em 0.4em 0.15em;
+  border-radius: 0 1.2rem;
+  margin-left: -0.4em;
+  transform: skewY(-3deg);
 }
 
 h2 {
diff --git a/src/views/home.handlebars b/src/views/home.handlebars
index c34926e..86c22dd 100644
--- a/src/views/home.handlebars
+++ b/src/views/home.handlebars
@@ -1,5 +1,7 @@
 <div class="flex flex-col gap-8">
-  <h1 class="text-3xl">Howl your pronouns loud and proud</h1>
+  <div>
+    <h1 class="text-3xl">Howl your pronouns loud and proud</h1>
+  </div>
   <p class="md:w-1/2">Because while we are silly, your gender identity is important. Be your genuine self. Share how you are to be referred to by newer users of neopronouns or English language learners.</p>
   <div>
     <a href="/list" class="button-cta">View full database</a>
diff --git a/src/views/individual.handlebars b/src/views/individual.handlebars
index af13702..69a98a6 100644
--- a/src/views/individual.handlebars
+++ b/src/views/individual.handlebars
@@ -1,6 +1,8 @@
-<h1 class="pronoun-list-title text-5xl lg:text-6xl flex flex-wrap">
-    {{#each lexicon}}<span>{{this.value}}</span>{{/each}}
-</h1>
+<div>
+    <h1 class="pronoun-list-title text-5xl lg:text-6xl inline-flex flex-wrap">
+        {{#each lexicon}}<span>{{this.value}}</span>{{/each}}
+    </h1>
+</div>
 
 {{> exampleSentences lexicon=lexicon}}
-{{> exampleTable lexicon=lexicon}}
\ No newline at end of file
+{{> exampleTable lexicon=lexicon}}
diff --git a/src/views/layouts/main.handlebars b/src/views/layouts/main.handlebars
index f496910..a3d2f38 100644
--- a/src/views/layouts/main.handlebars
+++ b/src/views/layouts/main.handlebars
@@ -1,22 +1,26 @@
 <!DOCTYPE html>
 <html>
+
 <head>
 	<meta charset="utf-8">
 	<title>{{{pageTitle}}}</title>
 	<meta property="og:site_name" content="Pronoun Monster" />
 	<meta property="og:title" content={{pageTitle}} />
-	<meta property="og:description" content="Howl your pronouns loud and proud. Share how you are to be referred to by newer users of neopronouns or English language learners." />
+	<meta property="og:description"
+		content="Howl your pronouns loud and proud. Share how you are to be referred to by newer users of neopronouns or English language learners." />
 	<meta property="og:type" content="website" />
 	<meta property="og:url" content="https://pronoun.monster/" />
 	<meta property="og:image" content="https://pronoun.monster/og-image.jpg" />
 	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-	<link rel="preconnect" href="https://fonts.googleapis.com"> 
-	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 	<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;800&display=swap" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
 	<link rel="stylesheet" href="https://fonts.cdnfonts.com/css/redaction">
 	<link rel="stylesheet" href="/app.css">
 </head>
+
 <body class="min-h-screen flex flex-col">
 	{{> header siteName=siteName }}
 	<div class="mx-10 mt-10 mb-[60px] lg:mx-[90px] lg:mt-[90px] xl:mx-[120px] xl:mt-[120px] grow flex flex-col">
@@ -26,4 +30,5 @@
 		{{> footer }}
 	</div>
 </body>
+
 </html>
diff --git a/src/views/list.handlebars b/src/views/list.handlebars
index b886ba7..ff91fa1 100644
--- a/src/views/list.handlebars
+++ b/src/views/list.handlebars
@@ -1,4 +1,4 @@
 <div class="flex flex-col gap-8">
-  <h1 class="text-3xl">List of Popular Pronouns</h1>
+  <div><h1 class="text-3xl">List of Popular Pronouns</h1></div>
   {{> pronounList}}
 </div>
diff --git a/src/views/partials/header.handlebars b/src/views/partials/header.handlebars
index f1f3df4..fb27c8f 100644
--- a/src/views/partials/header.handlebars
+++ b/src/views/partials/header.handlebars
@@ -1,7 +1,7 @@
-<div class="p-10 lg:px-[60px] flex justify-between">
-    <h2 class="text-xl">
-        <a href="/" class="flex flex-row gap-2 align-center">
-            <svg class="w-8 h-8 -mt-0.5" viewBox="0 0 151 143" fill="none" xmlns="http://www.w3.org/2000/svg">
+<header class="p-10 lg:px-[60px] flex justify-between">
+    <h2>
+        <a href="/" class="flex flex-row gap-4 align-center">
+            <svg class="w-12 h-12 -mt-0.5" viewBox="0 0 151 143" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <circle cx="45.1768" cy="97.8" r="40" stroke="currentColor" stroke-width="10" stroke-dasharray="2 5"/>
                 <circle cx="105.177" cy="97.8" r="40" stroke="currentColor" stroke-width="10" stroke-dasharray="2 5"/>
                 <circle cx="75.1768" cy="45" r="40" stroke="currentColor" stroke-width="10" stroke-dasharray="2 5"/>
@@ -22,4 +22,4 @@
         <path d="M9 6C9 10.9706 13.0294 15 18 15C18.9093 15 19.787 14.8655 20.6144 14.6147C19.4943 18.3103 16.0613 20.9999 12 20.9999C7.02944 20.9999 3 16.9707 3 12.0001C3 7.93883 5.69007 4.50583 9.38561 3.38574C9.13484 4.21311 9 5.09074 9 6Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
         </svg>
     </button>
-</div>
+</header>
