pages for editing

nextjs/src/app/globals.css

@@ -2,8 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-
-
 @layer utilities {
   .text-balance {
     text-wrap: balance;
@@ -11,6 +9,48 @@
 }
 
 /* monaco editor */
-.monaco-editor-background, .monaco-editor .margin {
-  background-color:  black !important;
-}
+.monaco-editor-background,
+.monaco-editor .margin {
+  background-color: black !important;
+}
+
+h1 {
+  @apply text-4xl font-bold;
+}
+
+h2 {
+  @apply text-3xl font-semibold;
+}
+
+h3 {
+  @apply text-2xl font-semibold;
+}
+
+h4 {
+  @apply text-xl font-medium;
+}
+
+h5 {
+  @apply text-lg font-medium;
+}
+
+h6 {
+  @apply text-base font-medium;
+}
+
+strong {
+  @apply font-semibold;
+}
+
+ul {
+  list-style-type: disc;
+  padding-left: 1.5rem; /* list-inside equivalent */
+}
+
+ol {
+  list-style-type: decimal;
+  padding-left: 1.5rem; /* list-inside equivalent */
+}
+hr {
+  @apply border-t border-gray-200 my-4;
+}