From e4e732f6f0e6b9dbe2d3533d0035e320164eeeb3 Mon Sep 17 00:00:00 2001
From: Lucas Scannapieco <luca.scannapieco@kosuke.ai>
Date: Fri, 18 Sep 2026 21:48:11 +0000
Subject: [PATCH] Make the homepage background orange

Swap the near-white gradient on the homepage for an orange one, and add a
global stylesheet so it actually reaches the edges of the page.

The project had no CSS at all, so body kept its default 8px margin and a
transparent background. That left the gradient inset with a white frame
around it and made the page 16px taller than the viewport.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 app/globals.css | 11 +++++++++++
 app/layout.js   |  2 ++
 app/page.js     |  2 +-
 3 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 app/globals.css

diff --git a/app/globals.css b/app/globals.css
new file mode 100644
index 0000000..66fa89e
--- /dev/null
+++ b/app/globals.css
@@ -0,0 +1,11 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
diff --git a/app/layout.js b/app/layout.js
index 24dff5d..f1a476d 100644
--- a/app/layout.js
+++ b/app/layout.js
@@ -1,3 +1,5 @@
+import './globals.css';
+
 export const metadata = {
   title: 'Kosuke Pokemon Platform',
 };
diff --git a/app/page.js b/app/page.js
index d49ff1c..7769606 100644
--- a/app/page.js
+++ b/app/page.js
@@ -20,7 +20,7 @@ export default function Home() {
         gap: '2rem',
         padding: '2rem',
         fontFamily: 'system-ui, sans-serif',
-        background: 'linear-gradient(160deg, #fdfbfb 0%, #ebedee 100%)',
+        background: 'linear-gradient(160deg, #ffb457 0%, #f97316 100%)',
       }}
     >
       <h1 style={{ margin: 0, textAlign: 'center', color: '#1a1a1a' }}>