diff --git a/assets/css/blog.css b/assets/css/blog.css
index ab786aa..394e6b7 100644
--- a/assets/css/blog.css
+++ b/assets/css/blog.css
@@ -23,7 +23,7 @@ pre {
 }
 
 pre code {
-  font-family: monospace, sans-serif;
+  font-family: ui-monospace, monospace, sans-serif;
 }
 
 .articles .content {
@@ -80,6 +80,12 @@ pre code {
   display: none;
 }
 
+.reading .article {
+  margin: auto;
+  width: 90%;
+  max-width: 800px;
+}
+
 .reading .article header img {
   width: 100%;
 }
@@ -94,10 +100,14 @@ pre code {
   margin-bottom: 8em;
 }
 
+.reading .content {
+  font-family: sans-serif;
+}
+
 .reading .content hr {
   width: 85%;
   margin: 5em auto 5em;
-  background-color: var(--white);
+  background-color: var(--black-dark-alt);
 }
 
 .reading .content img {
@@ -110,28 +120,33 @@ pre code {
 }
 
 .reading .content blockquote {
-  border-left: 2px solid var(--white);
+  border-left: 3px solid var(--black-dark-alt);
   background-color: var(--black-alt);
-  padding-left: 1.5em;
+  padding-left: 1em;
   padding-top: .25em;
   padding-bottom: .25em;
+  margin: 0;
 }
 
 .reading .content p {
-  font-weight: 100;
+  font-weight: normal;
   font-size: 1.1em;
 }
 
-@media (min-width: 1100px) {
-  .reading .article {
-    width: 50%;
-    margin: auto;
-  }
+.reading .content b, .reading .content strong {
+  font-weight: bold;
+}
+
+.reading .content h1, .reading .content h2, .reading .content h3 {
+  margin-top: 2em;
+  margin-bottom: 1em;
+  font-family: "Amiko", sans-serif;
 }
 
 @media (max-width: 1100px) {
   .reading .article {
-    max-width: 100vw;
+    max-width: 100%;
+    width: 95%;
     padding-left: 1em;
     padding-right: 1em;
   }