diff --git a/assets/css/app.css b/assets/css/app.css
index 378c8f9..a3692de 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -3,3 +3,4 @@
 @import "tailwindcss/utilities";
 
 /* This file is for your main application CSS */
+@import "./article.css"
diff --git a/assets/css/article.css b/assets/css/article.css
new file mode 100644
index 0000000..2b36036
--- /dev/null
+++ b/assets/css/article.css
@@ -0,0 +1,23 @@
+.article {
+  @apply pr-8
+}
+
+.article .tunit {
+  @apply hover:bg-gray-300;
+}
+
+.article h4 {
+  @apply font-semibold text-lg leading-8 text-zinc-800;
+}
+
+.article p {
+  @apply text-justify;
+}
+
+.article p + p {
+  @apply  indent-4;
+}
+
+.article blockquote {
+  @apply px-4 py-2 text-sm;
+}