Styles stuff for blog, fixed styling issue with contact form

src/documents/blog.html.ejs

@@ -10,7 +10,7 @@ referencesOthers: true
   <div class="post">
   <h2><a href="<%- post.url %>"><%= post.title %></a></h2>
   <div class="date"><%- post.formattedDate %></div>
-  <div class="firstcontent">
+  <div class="firstcontent blogpost">
     <%- post.contentRenderedWithoutLayouts.split("-split-")[0] %>
   </div>
   </div>

src/documents/styles.css.scss

@@ -359,7 +359,8 @@ body{
           margin-right: auto;
           input, textarea{
             width: 100%;
-            margin: 5px;
+            margin-top: 5px;
+            margin-bottom: 5px;
             border-radius: 3px;
           }
           input{
@@ -424,6 +425,7 @@ body{
 #content[data-slug="blog"]{
   .post{
     width: 80%;
+    max-width: 800px;
     margin-left: auto;
     margin-right: auto;
     padding-top: 10px;
@@ -443,3 +445,11 @@ body{
     animation-name: slideInUp;
   }
 }
+
+.blogpost{
+  width: 100%;
+  max-width: 800px;
+  margin-left: auto;
+  margin-right: auto;
+  line-height: 1.55;
+}

src/layouts/blogpost.html.ejs

@@ -6,4 +6,6 @@ layout: contentpage
 <% if(document.subtitle){ %>
   <h2><%- document.subtitle %></h2>
 <% } %>
-<%- content %>
+<div class="blogpost">
+  <%- content %>
+</div>