refoctoring tailwind styles, so same ones can be used by app

app/assets/stylesheets/merged.tailwind.css

@@ -1,8 +1,2 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-.prose{
-  color: inherit;
-  --tw-prose-bullets: #6b7280;
-}
+@import "./tailwind_base.css";
+@import "./merged/tailwind_styles.css";

app/assets/stylesheets/merged/merged.css

@@ -1510,10 +1510,6 @@ select {
   margin-bottom: 1rem;
 }
 
-.mb-0 {
-  margin-bottom: 0px;
-}
-
 .ml-20 {
   margin-left: 5rem;
 }
@@ -1546,6 +1542,14 @@ select {
   margin-top: 2rem;
 }
 
+.mb-0 {
+  margin-bottom: 0px;
+}
+
+.ml-3 {
+  margin-left: 0.75rem;
+}
+
 .mb-10 {
   margin-bottom: 2.5rem;
 }
@@ -1570,10 +1574,6 @@ select {
   margin-top: 5rem;
 }
 
-.ml-3 {
-  margin-left: 0.75rem;
-}
-
 .block {
   display: block;
 }
@@ -2440,6 +2440,11 @@ select {
   line-height: 1.25rem;
 }
 
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
@@ -2460,11 +2465,6 @@ select {
   line-height: 2.5rem;
 }
 
-.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
-
 .font-medium {
   font-weight: 500;
 }
@@ -2650,6 +2650,11 @@ select {
   --tw-prose-bullets: #6b7280;
 }
 
+.prose-lg{
+  color: inherit;
+  --tw-prose-bullets: #6b7280;
+}
+
 .hover\:scale-105:hover {
   --tw-scale-x: 1.05;
   --tw-scale-y: 1.05;

app/assets/stylesheets/merged/tailwind_styles.css

@@ -0,0 +1,9 @@
+.prose{
+  color: inherit;
+  --tw-prose-bullets: #6b7280;
+}
+
+.prose-lg{
+  color: inherit;
+  --tw-prose-bullets: #6b7280;
+}

app/assets/stylesheets/tailwind_base.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;