diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 295bb89..b1099f3 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,13 +1,17 @@
 <!DOCTYPE html>
 <html lang="{{ .Site.LanguageCode }}" dir="ltr">
   {{ partial "head.html" . }}
-  <body>
-    {{.Content}}
-    <section id="content" role="main" class="article-list card-columns">
-      {{ range $index, $page := .Paginator.Pages }}
-      {{ .Render "li" }}
-      {{ end }}
-    </section>
+  <body style="background-color: #f3f3f3;">
+    <div class="content-container">
+      <main class="card-container">
+        {{.Content}}
+        <section class="article-list card-columns">
+          {{ range $index, $page := .Paginator.Pages }}
+          {{ .Render "li" }}
+          {{ end }}
+        </section>
+      </main>
+    </div>
   </body>
   {{ partial "scripts.html" . }}  
 </html>
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index e909a42..f7aa5ee 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -3,19 +3,20 @@
   {{ partial "head.html" . }}
   <body>
     <div class="content-container">
-      <section class="article-body" role="main">
-        <section>
-          <span class="post-date">{{ .Date.Format "Jan 2, 2006" }}</span>
-        </section>
+      <main class="content">
         <article>
+          <header>
+            <h1>{{ .Title }}</h1>
+            <time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}" class="post-date">{{ .PublishDate.Format "Jan 2, 2006" }}</time>
+          </header>
           {{ .Content }}
         </article>
         <hr />
         <!--
         If you're going to use DISQUS comments, insert code here.
         -->
-      </section>
+      </main>
     </div>
-  </body>
   {{ partial "scripts.html" . }}
+  </body>
 </html>
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index ef9474e..4642e34 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -14,18 +14,51 @@ strong {
     font-family: 'LatoLatinWebHeavy';
     font-weight: normal
 }
+header > h1 {
+    font-size: 2em;
+    line-height: 1.2em;
+    margin-bottom: 0;
+}
+.post-date {
+    color: #7A7B7C;
+    font-size: .8em
+}
+article > p:first-of-type::first-letter {
+    font-family: 'LatoLatinWebHeavyItalic';
+    float: left;
+    font-size: 3em;
+    line-height: 1em;
+    padding-right: 0.1em;
+    margin-bottom: -0.2em;
+    /* initial-letter: 2; Maybe someday*/
+}
 img {
     width: 100%;
     height: auto
 }
 .content-container {
-    margin: 0 auto;
+    display: flex;
+    justify-content: center;
     padding: 0 20px;
 }
-.article-body {
+.content {
     max-width: 700px;
-    width: 100%;
-    margin: 0 auto;
+}
+.card-container {
+    max-width: 1000px;
+}
+.card-columns {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: stretch;
+    box-sizing: content-box;
+}
+.card {
+    background-color: white;
+    width: 300px;
+    margin: 5px;
+    padding: 10px;
 }
 blockquote {
     border-left: 5px solid #D1D1D1;
@@ -40,6 +73,9 @@ ul,
 ol {
      padding-left: 35px 
 }
+li ul, li ol {
+    padding-left: 20px;
+}
 li > p {
     margin: 0px;
 }
