add custom css for about page

assets/css/_about.scss

@@ -0,0 +1,29 @@
+.page.about {
+  .content {
+    text-align: center;
+  }
+
+  ul {
+    padding-left: 0;
+    list-style: none;
+  }
+
+  article > p,
+  article > ul {
+    font-size: 1.1em;
+  }
+
+  article > p {
+    margin: 3rem;
+  }
+
+  li {
+    margin: 2rem 0;
+  }
+
+  h2 {
+    font-size: 2.2rem;
+    line-height: 2.6rem;
+  }
+}
+

assets/css/main.scss

@@ -1,15 +1,5 @@
 @import "mixins";
-
-.page.about {
-  .content {
-    text-align: center;
-  }
-
-  ul {
-    padding-left: 0;
-    list-style: none;
-  }
-}
+@import "about";
 
 .navigation .navigation-title {
   text-transform: none;