Add content styling

wp-content/themes/wp-tailwind/index.php

@@ -13,8 +13,10 @@ if ( have_posts() ) : ?>
       </a>
     </h2>
 
-    <div class="max-w-xl font-serif text-xl leading-loose">
-      <?php the_content(); ?>
+    <div class="max-w-xl">
+      <div class="content">
+        <?php the_content(); ?>
+      </div>
     </div>
 
     <footer class="text-grey-darker my-10">

wp-content/themes/wp-tailwind/src/css/style.css

@@ -11,4 +11,24 @@ a:focus {
 
 @tailwind components;
 
+.content {
+  @apply font-serif text-xl leading-loose;
+
+  h2 {
+    @apply text-2xl font-bold mt-8 -mb-5
+  }
+
+  a {
+    @apply text-black font-bold
+  }
+
+  * + * {
+    @apply mt-6
+  }
+
+  li + li {
+    @apply mt-0
+  }
+}
+
 @tailwind utilities;