diff --git a/styles/globals.css b/styles/globals.css
index e2283d6..b729e77 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -93,62 +93,64 @@ body {
   }
 }
 
-.contentStyle h1 {
-  @apply text-3xl;
-}
-.contentStyle h2 {
-  @apply text-2xl;
-}
-.contentStyle h3 {
-  @apply text-xl;
-}
-.contentStyle h1,
-.contentStyle h2,
-.contentStyle h3 {
-  @apply my-4 font-bold;
-}
-.contentStyle h1,
-.contentStyle h2 {
-  @apply border-b border-gray-200;
-}
-
-.contentStyle p {
-  @apply my-2;
-}
-
-.contentStyle ul,
-.contentStyle ol {
-  @apply my-2 list-inside;
-}
+.contentStyle {
+  h1 {
+    @apply text-3xl;
+  }
+  h2 {
+    @apply text-2xl;
+  }
+  h3 {
+    @apply text-xl;
+  }
+  h1,
+  h2,
+  h3 {
+    @apply my-4 font-bold;
+  }
+  h1,
+  h2 {
+    @apply border-b border-gray-200;
+  }
 
-.contentStyle ul {
-  @apply list-disc;
-}
+  p {
+    @apply my-2;
+  }
 
-.contentStyle ol {
-  @apply list-decimal;
-}
+  ul,
+  ol {
+    @apply my-2 list-inside;
+  }
+  ul,
+  [data-list='ordered'] {
+    @apply list-disc;
+  }
+  ol,
+  [data-list='bullet'] {
+    @apply list-decimal;
+  }
 
-.contentStyle a {
-  @apply text-blue-500 underline;
-}
+  a {
+    @apply text-blue-500 underline;
+  }
 
-.contentStyle blockquote {
-  @apply my-4 border-l-4 border-green-200 pl-4 italic;
-}
+  blockquote {
+    @apply my-4 border-l-4 border-green-200 pl-4 italic;
+  }
 
-.contentStyle pre {
-  @apply my-4 rounded bg-gray-100 p-4;
-}
+  pre {
+    @apply my-4 rounded bg-gray-100 p-4;
+  }
 
-.contentStyle code {
-  @apply rounded bg-gray-100 px-1;
-}
-.contentStyle .ql-align-center {
-  @apply text-center;
-}
-.contentStyle .ql-align-right {
-  @apply text-right;
+  code {
+    @apply rounded bg-gray-100 px-1;
+  }
+  .ql-align-center {
+    @apply text-center;
+  }
+  .ql-align-right {
+    @apply text-right;
+  }
 }
 
 @font-face {