diff --git a/src/components/ProjectPage.astro b/src/components/ProjectPage.astro
index 1efa25ef..d74109a3 100644
--- a/src/components/ProjectPage.astro
+++ b/src/components/ProjectPage.astro
@@ -22,20 +22,6 @@ metadata.tags?.sort();
 ---
 
 <style>
-    a {
-        text-decoration: none;
-        border-bottom: 1px solid var(--ayu-blue-500);
-        color: var(--ayu-blue-500);
-        transition:
-            color 0.1s,
-            border-color 0.1s;
-        margin-bottom: 16px;
-    }
-    a:hover {
-        color: var(--ayu-blue-600);
-        border-color: var(--ayu-blue-600);
-    }
-
     .github {
         color: var(--ayu-green-500);
         border: none;
@@ -44,6 +30,10 @@ metadata.tags?.sort();
         color: var(--ayu-green-500);
         text-decoration: underline;
     }
+
+    .green {
+        color: var(--ayu-green-500);
+    }
 </style>
 
 <Layout
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 1da68808..3eae5f0d 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -14,10 +14,10 @@ const { currentPage } = Astro.props;
     <body>
         <Header
             currentPage={currentPage}
-            innerClass="px-4 max-w-6xl w-6xl mx-auto"
+            innerClass="px-4 max-w-5xl w-5xl mx-auto"
         />
         <div
-            class="px-4 py-4 max-w-6xl lg:border-l-1 lg:border-r-1 lg:border-b-1 border-ayu-gutter mx-auto"
+            class="px-4 py-4 max-w-5xl lg:mb-16 lg:border-l-1 lg:border-r-1 lg:border-b-1 border-ayu-gutter mx-auto"
         >
             <slot />
         </div>
diff --git a/src/pages/projects/factor-e.astro b/src/pages/projects/factor-e.astro
index bff535a7..38f8968c 100644
--- a/src/pages/projects/factor-e.astro
+++ b/src/pages/projects/factor-e.astro
@@ -16,37 +16,19 @@ export const metadata = {
 };
 ---
 
-<style>
-    .green {
-        color: var(--ayu-green-500);
-    }
-
-    a {
-        text-decoration: none;
-        border-bottom: 1px solid var(--ayu-blue-500);
-        color: var(--ayu-blue-500);
-        transition:
-            color 0.1s,
-            border-color 0.1s;
-        margin-bottom: 16px;
-    }
-    a:hover {
-        color: var(--ayu-blue-600);
-        border-color: var(--ayu-blue-600);
-    }
-</style>
-
 <ProjectPage metadata={metadata}>
     <p>
         "factor-e" is an isometric factory sandbox prototype I built to learn
         C++ and <a
             href="https://www.raylib.com/"
             target="_blank"
-            rel="noopener noreferrer">raylib</a
+            rel="noopener noreferrer"
+            class="link-project-page">raylib</a
         >. Inspired by Minecraft and <a
             href="https://store.steampowered.com/app/3433610/Terrafactor/"
             target="_blank"
-            rel="noopener noreferrer">Terrafactor</a
+            rel="noopener noreferrer"
+            class="link-project-page">Terrafactor</a
         >, it explores tile-based building, inventory management and procedural
         world generation.
     </p>
diff --git a/src/pages/projects/watercooler.astro b/src/pages/projects/watercooler.astro
index 3fcfd808..25ba801c 100644
--- a/src/pages/projects/watercooler.astro
+++ b/src/pages/projects/watercooler.astro
@@ -25,26 +25,6 @@ export const metadata = {
 };
 ---
 
-<style>
-    .green {
-        color: var(--ayu-green-500);
-    }
-
-    a {
-        text-decoration: none;
-        border-bottom: 1px solid var(--ayu-blue-500);
-        color: var(--ayu-blue-500);
-        transition:
-            color 0.1s,
-            border-color 0.1s;
-        margin-bottom: 16px;
-    }
-    a:hover {
-        color: var(--ayu-blue-600);
-        border-color: var(--ayu-blue-600);
-    }
-</style>
-
 <ProjectPage metadata={metadata}>
     <p>watercooler description here</p>
 
diff --git a/src/styles/global.css b/src/styles/global.css
index fe79b684..f70e340a 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -274,3 +274,21 @@ body {
     -webkit-user-select: none;
     -o-user-select: none;
 }
+
+.green {
+    color: var(--ayu-green-500);
+}
+
+.link-project-page {
+    text-decoration: none;
+    border-bottom: 1px solid var(--ayu-blue-500);
+    color: var(--ayu-blue-500);
+    transition:
+        color 0.1s,
+        border-color 0.1s;
+    margin-bottom: 16px;
+}
+.link-project-page:hover {
+    color: var(--ayu-blue-600);
+    border-color: var(--ayu-blue-600);
+}
