Intial Setup

frontend/src/app/globals.css

@@ -0,0 +1,34 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  html {
+    font-family: Inter, system-ui, sans-serif;
+  }
+}
+
+@layer components {
+  .reading-content {
+    @apply max-w-reading mx-auto px-6 py-8;
+    font-family: Georgia, Times, serif;
+    line-height: 1.7;
+  }
+  
+  .reading-content h1,
+  .reading-content h2,
+  .reading-content h3,
+  .reading-content h4,
+  .reading-content h5,
+  .reading-content h6 {
+    @apply font-bold mt-8 mb-4;
+  }
+  
+  .reading-content p {
+    @apply mb-4;
+  }
+  
+  .reading-content blockquote {
+    @apply border-l-4 border-gray-300 pl-4 italic my-6;
+  }
+}