From 8856d4f8eb3ef2b9c6dc79439fc077b92e7c0e4c Mon Sep 17 00:00:00 2001
From: Mike Karl <karl.mike2002@gmail.com>
Date: Tue, 28 Oct 2025 20:48:26 +0100
Subject: [PATCH] Update global CSS to set body background color and enhance
 Navbar mobile menu with will-change property for improved performance.

---
 app/globals.css | 1 +
 app/navbar.tsx  | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/globals.css b/app/globals.css
index ebf49fc..5d0360a 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -12,6 +12,7 @@ html {
 body {
   min-height: 100vh;
   font-family: "Space Grotesk", sans-serif;
+  background-color: #292524;
 }
 
 .polka{
diff --git a/app/navbar.tsx b/app/navbar.tsx
index d69f725..bc52312 100644
--- a/app/navbar.tsx
+++ b/app/navbar.tsx
@@ -64,7 +64,7 @@ export default function Navbar() {
                 </div>
 
                 {/* Mobile Menu */}
-                <div className={`md:hidden transition-all duration-300 overflow-hidden ${isMobileMenuOpen ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0'
+                <div className={`will-change-transform md:hidden transition-all duration-300 overflow-hidden ${isMobileMenuOpen ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0'
                     }`}>
                     <div className="py-6 space-y-2 border-t border-stone-950 border-b">
                         {navItems.map((item) => (