Make the entire site prettier

assets/css/blog.css

@@ -11,6 +11,10 @@ h1, h2, h3, h4 {
     color: #9b59b6;
 }
 
+.post-list {
+    padding: 10px;
+}
+
 .post-list-item {
     display: block;
     max-width: 800px;
@@ -25,8 +29,16 @@ h1, h2, h3, h4 {
     font-size: 21px;
 }
 
+.text {
+    font-size: 21px;
+}
 
 @media only screen and (max-width: 768px) {
+    .text {
+        /* A smaller font looks better on smaller devices */
+        font-size: 19px;
+    }
+
     .post {
         /* A smaller font looks better on smaller devices */
         font-size: 19px;

content/about.html

@@ -1,6 +1,8 @@
 <!-- title: About "PapaTutuWawa" -->
 <!-- description: -->
 <!-- render: yes -->
+<div class="horizontal-center">
+    <div class="vertical text">
         <h3>About "PapaTutuWawa"</h3>
 
         <div class="container">
@@ -11,7 +13,8 @@
         </div>
 
         <div class="quote">
-    Student, Anime expert, Vocaloid listener, Docker and Linux fan and hobby SysAdmin.
+            Student, Anime expert, Vocaloid listener, Docker and Linux fan
+            and hobby SysAdmin.
         </div>
 
         <ul>
@@ -31,3 +34,5 @@
             <li>All pages are signed using my public key. Use this <a href="/assets/files/verify.sh">script</a> (<a href="/assets/files/verify.sh.sig"><u>signature</u></a>) to verify</li>
             <li>Last updated <i>{{ build_time }}</i></li>
         </ul>
+    </div>
+</div>