From 624c0c30068912df75106536613d4186d0ed2b87 Mon Sep 17 00:00:00 2001
From: ray <gitea@rayelliott.dev>
Date: Wed, 19 Feb 2020 21:42:08 +0000
Subject: [PATCH] add custom css for about page

---
 assets/css/_about.scss | 29 +++++++++++++++++++++++++++++
 assets/css/main.scss   | 12 +-----------
 2 files changed, 30 insertions(+), 11 deletions(-)
 create mode 100644 assets/css/_about.scss

diff --git a/assets/css/_about.scss b/assets/css/_about.scss
new file mode 100644
index 0000000..97350db
--- /dev/null
+++ b/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;
+  }
+}
+
diff --git a/assets/css/main.scss b/assets/css/main.scss
index c1a6706..5d1b04e 100644
--- a/assets/css/main.scss
+++ b/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;