Updated layout

src/app/(main)/layout.tsx

@@ -4,7 +4,7 @@ export default function RootLayout({ children }: LayoutProps<"/">) {
     return (
         <>
             <Header />
-            <div className="pt-header">
+            <div>
                 {children}
             </div>
         </>

src/app/(stats)/layout.tsx

@@ -4,7 +4,7 @@ export default function StatsLayout({ children }: LayoutProps<"/">) {
     return (
         <>
             <Header searchBar />
-            <div className="pt-header">
+            <div>
                 {children}
             </div>
         </>

src/app/(stats)/player/[ign]/page.tsx

@@ -55,7 +55,7 @@ async function SuspendedPage({ params }: Pick<PageProps<"/player/[ign]">, "param
     if (!mc) {
         return (
             <div className="flex flex-col items-center min-h-screen">
-                <h1 className="mt-35">Player not found</h1>
+                <h1 className="pt-30">Player not found</h1>
             </div>
         )
     }
@@ -65,7 +65,7 @@ async function SuspendedPage({ params }: Pick<PageProps<"/player/[ign]">, "param
     if (!player) {
         return (
             <div className="flex flex-col items-center min-h-screen">
-                <h1 className="mt-35">Player hasn&apos;t joined hypixel</h1>
+                <h1 className="pt-30">Player hasn&apos;t joined hypixel</h1>
             </div>
         )
     }
@@ -78,7 +78,7 @@ async function SuspendedPage({ params }: Pick<PageProps<"/player/[ign]">, "param
     const { data: layout } = schema.safeParse(JSON.parse(c.get(COOKIE_VALUES.statsOrder)?.value ?? "null"))
 
     return (
-        <div className="flex flex-col items-center pb-5 pt-15">
+        <div className="flex flex-col items-center pb-5 pt-30">
             <DisplayName
                 ign={player.displayname}
                 uuid={player.uuid}

src/app/globals.css

@@ -22,6 +22,7 @@
     --color-mc-yellow: #FFFF55;
     --color-mc-white: #FFFFFF;
     --spacing-header: 3.75rem;
+    --spacing-content: calc(100vh - var(--spacing-header));
 }
 
 :root {