got rid of the excess whitespaces and added the maxOutputTokens into the GenerateConfig in the types.ts

app/globals.css

@@ -1,6 +1,3 @@
-/* 1. Import BOTH fonts in one go */
-@import url('https://fonts.googleapis.com/css2?family=Concert+One&family=Pixelify+Sans:wght@400;700&display=swap');
-
 @import "tailwindcss";
 
 :root {
@@ -13,13 +10,10 @@
   --color-foreground: var(--foreground);
 
   /* 3. Assign fonts to Tailwind's theme */
-  
-  /* --font-sans is for regular text (Concert One) */
-  --font-sans: var(--font-concert-one);
-  
-  /* We add a new font family for headers (Pixelify Sans) */
-  /* This also creates a 'font-header' utility class */
-  --font-header: var(--font-pixelify);
+
+  /* Tell Tailwind to use the variables already defined in app/layout.tsx */
+  --font-sans: var(--font-sans);
+  --font-header: var(--font-header);
 
   --font-mono: var(--font-geist-mono);
 }
@@ -34,12 +28,17 @@
 body {
   background: var(--background);
   color: var(--foreground);
-  
+
   /* 4. Body uses --font-sans (Concert One) by default */
   font-family: var(--font-sans);
 }
 
 /* 5. (Optional but helpful) Apply header font to h-tags by default */
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-family: var(--font-header);
 }