updated to 4xl

Author: smanzler

src/App.tsx

@@ -32,7 +32,7 @@ function Root() {
 function RootLayout() {
   return (
     <div className="min-h-screen bg-background container mx-auto px-4">
-      <div className="mx-auto max-w-5xl">
+      <div className="mx-auto max-w-4xl">
         <Header />
         <main className="py-20">
           <Routes>

src/components/header.tsx

@@ -74,7 +74,7 @@ export function Header() {
       <div className="container mx-auto px-4">
         <motion.div
           className={cn(
-            "mx-auto rounded-full transition-colors max-w-5xl flex justify-between items-center mx-auto",
+            "mx-auto rounded-full transition-colors max-w-4xl flex justify-between items-center mx-auto",
             isScrolled
               ? "bg-card shadow-lg backdrop-blur-lg supports-[backdrop-filter]:bg-input/50"
               : "bg-transparent"