Move <h3> for article heading to the inside of the <section> tag

assets/css/swagg.css

@@ -110,8 +110,10 @@ article .message.field {
     white-space: pre-wrap;
 }
 
-article h3 {
+article .message.field.heading {
     margin-bottom: 0em;
+    font-size: 0.95em;
+    font-family: 'Monaco', monospace;
 }
 
 .captcha {

templates/index.html.ep

@@ -4,8 +4,8 @@
 <div class="articles">
   <% for my $post (@$view_posts) { =%>
   <article>
-    <h3><%= @$post[0] %></h3>
     <section class="message field">
+      <h3 class="message field heading"><%= @$post[0] %></h3>
       <blockquote><p><%= @$post[2] %></p></blockquote>
     </section>
     <section class="name field">