Update:added documentation folder and added all documentation required

app/globals.css

@@ -1,8 +1,8 @@
 @import "tailwindcss";
 
 :root {
-  --background: #ffffff;
-  --foreground: #171717;
+  --background: #f8fafc;
+  --foreground: #0f172a;
 }
 
 @theme inline {
@@ -12,38 +12,10 @@
   --font-mono: var(--font-geist-mono);
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
 body {
   background: var(--background);
   color: var(--foreground);
   font-family: Arial, Helvetica, sans-serif;
-}
-
-.mainContainer {
-  max-width: 56rem;
-  margin-left: auto;
-  margin-right: auto;
-  padding: 2.5rem 1rem;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  gap: 2rem;
-  background-color: #ffffff;
-  /* White background */
-  color: #18181b;
-  /* Dark text for clear contrast */
-}
-
-@media (prefers-color-scheme: dark) {
-  .mainContainer {
-    background-color: #ffffff;
-    /* Or keep #ffffff if you want light mode background even in OS dark mode */
-    color: #18181b;
-  }
+  margin: 0;
+  padding: 0;
 }