Improve style.

1 files changed, 36 insertions, 3 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 776a055..249b3c6 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,5 +1,26 @@
+@font-face {
+  font-family: 'IM Fell DW Pica';
+  src: url("/assets/fonts/IMFellDWPica-Regular.ttf") format("truetype"),
+       url("/assets/fonts/IMFellDWPica-Italic.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: 'IM Fell English SC';
+  src: url("/assets/fonts/IMFellEnglishSC-Regular.ttf") format("truetype");
+}
+
 :root {
   --link-color: #2f2f2f;
+  --main-font: 'IM Fell DW Pica', serif;
+  --title-font: 'IM Fell English SC', serif;
+}
+
+*,
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 body{
@@ -7,7 +28,7 @@ body{
   text-decoration-skip: ink;
   color: #2f2f2f;
   padding-top: 10px;
-  font-family: serif;
+  font-family: var(--main-font);
   background-color: #f4f2e8;
 }
 
@@ -89,7 +110,7 @@ td {
 
 .brand {
   margin-bottom: 2rem;
-  font-family: 'IM Fell English SC', serif;
+  font-family: var(--title-font);
 }
 
 .title{
@@ -127,7 +148,7 @@ td {
   padding-bottom: 0px;
 }
 
-.center{
+.center {
   text-align: center;
 }
 
@@ -218,6 +239,10 @@ and (min-device-width : 768px)  {
   }
 }
 
+.posts-td {
+  padding: 12px 12px;
+}
+
 .posts-td-time {
   border: none;
   width: 1%;
@@ -245,3 +270,11 @@ h1.brand {
 .tagline {
   margin-bottom: 2.5rem;
 }
+
+#footer-text {
+  font-size: 14px;
+}
+
+.post-author {
+  margin-top: 4px;
+}