From 2ab93f06fd7e0950772c3860254bb40d4f79c1f7 Mon Sep 17 00:00:00 2001
From: Naomi Carrigan <commits@nhcarrigan.com>
Date: Tue, 11 Mar 2025 12:20:01 -0700
Subject: [PATCH] fix: layout

---
 src/app/art/page.tsx      | 2 +-
 src/app/games/page.tsx    | 2 +-
 src/app/koikatsu/page.tsx | 4 ++--
 src/app/legacy/page.tsx   | 2 +-
 src/app/naomi/page.tsx    | 2 +-
 src/app/page.tsx          | 2 +-
 src/app/ref/page.tsx      | 2 +-
 src/app/tech/page.tsx     | 2 +-
 8 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/art/page.tsx b/src/app/art/page.tsx
index 3cd3c0f..6c12968 100644
--- a/src/app/art/page.tsx
+++ b/src/app/art/page.tsx
@@ -16,7 +16,7 @@ const Arts = (): JSX.Element => {
   return (
     <main
       className="w-[95%] text-center
-      max-w-4xl m-auto mt-16 mb-16 rounded-lg"
+      max-w-4xl mx-auto mt-16 rounded-lg"
     >
       <h1 className="text-5xl">{`Art`}</h1>
       <section>
diff --git a/src/app/games/page.tsx b/src/app/games/page.tsx
index 64b4df3..c4e744e 100644
--- a/src/app/games/page.tsx
+++ b/src/app/games/page.tsx
@@ -16,7 +16,7 @@ const Gamez = (): JSX.Element => {
   return (
     <main
       className="w-[95%] text-center
-      max-w-4xl m-auto mt-16 mb-16 rounded-lg"
+      max-w-4xl mx-auto mt-16 rounded-lg"
     >
       <h1 className="text-5xl">{`Games`}</h1>
       <section>
diff --git a/src/app/koikatsu/page.tsx b/src/app/koikatsu/page.tsx
index 9b50d94..633524b 100644
--- a/src/app/koikatsu/page.tsx
+++ b/src/app/koikatsu/page.tsx
@@ -16,9 +16,9 @@ const KoikatsuPage = (): JSX.Element => {
   return (
     <main
       className="w-[95%] text-center
-      max-w-4xl m-auto mt-16 mb-16 rounded-lg"
+      max-w-4xl mx-auto mt-16 rounded-lg"
     >
-      <h1 className="text-5xl">{`Koikatsu`}</h1>
+      <h1 className="text-5xl">{` Koikatsu`}</h1>
       <section>
         <p className="mb-2">{`Images of Naomi generated in Koikatsu. Note that the list of images is dynamically generated, so we aren't able to provide alt text for these.`}</p>
         <Rule />
diff --git a/src/app/legacy/page.tsx b/src/app/legacy/page.tsx
index 57c612c..8d8386d 100644
--- a/src/app/legacy/page.tsx
+++ b/src/app/legacy/page.tsx
@@ -121,7 +121,7 @@ const Legacy = (): JSX.Element => {
   };
 
   return (
-    <main className="w-4/5 text-center max-w-4xl m-auto mt-16 mb-16 rounded-lg">
+    <main className="w-4/5 text-center max-w-4xl mx-auto mt-16 rounded-lg">
       <h1 className="text-5xl">{`The Carrigan Legacy`}</h1>
       <section>
         <Image alt="Nine anime-style female characters with diverse colorful outfits including dresses, crop tops, skirts, and pants, posing together against a light background, some making peace signs or pointing at the viewer" height="1080" src={`https://cdn.nhcarrigan.com/characters/landscape/legacy.png`} width="1920"></Image>
diff --git a/src/app/naomi/page.tsx b/src/app/naomi/page.tsx
index 7b8a531..52eac38 100644
--- a/src/app/naomi/page.tsx
+++ b/src/app/naomi/page.tsx
@@ -13,7 +13,7 @@ import { NaomiNavItems } from "../../config/NavItems";
  */
 const Naomi = (): JSX.Element => {
   return (
-    <main className="w-4/5 text-center max-w-4xl m-auto mt-16 mb-16 rounded-lg">
+    <main className="w-4/5 text-center max-w-4xl mx-auto mt-16 rounded-lg">
       <h1 className="text-4xl mb-2">{`Naomi Carrigan`}</h1>
       <Image
         alt="Naomi Carrigan"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 531870f..dc07b3f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,7 +13,7 @@ import { NavItems } from "../config/NavItems";
  */
 const Home = (): JSX.Element => {
   return (
-    <main className="w-4/5 text-center max-w-4xl m-auto mt-16 mb-16 rounded-lg">
+    <main className="w-4/5 text-center max-w-4xl mx-auto mt-16 rounded-lg">
       <h1 className="text-4xl mb-2">{`NHCarrigan`}</h1>
       <Image
         alt="NHCarrigan"
diff --git a/src/app/ref/page.tsx b/src/app/ref/page.tsx
index d3d4ebb..bccc7a0 100644
--- a/src/app/ref/page.tsx
+++ b/src/app/ref/page.tsx
@@ -106,7 +106,7 @@ const Reference = (): JSX.Element => {
   }, [ camera ]);
 
   return (
-    <main className="w-4/5 text-center max-w-4xl m-auto mt-16 mb-16 rounded-lg">
+    <main className="w-4/5 text-center max-w-4xl mx-auto mt-16 rounded-lg">
       <h1 className="text-5xl">{`Reference`}</h1>
       <section>
         <p className="mb-2">{`Want to draw art of Naomi? Here's a fully interactive reference page with all of her model's outfits!`}</p>
diff --git a/src/app/tech/page.tsx b/src/app/tech/page.tsx
index 4e3bfec..3cb384f 100644
--- a/src/app/tech/page.tsx
+++ b/src/app/tech/page.tsx
@@ -15,7 +15,7 @@ const PlayPage = (): JSX.Element => {
   return (
     <main
       className="w-[95%] text-center
-    max-w-4xl m-auto mt-16 mb-16 rounded-lg"
+    max-w-4xl mx-auto mt-16 rounded-lg"
     >
       <h1 className="text-5xl">{`Technologies`}</h1>
       <p className="mb-2">