1 files changed, 28 insertions, 21 deletions

diff --git a/static/css/hyde.css b/static/css/hyde.css
index 1ddbdda..0816c69 100644
--- a/static/css/hyde.css
+++ b/static/css/hyde.css
@@ -32,7 +32,7 @@
  */
 
 html {
-  font-family: "PT Sans", Helvetica, Arial, sans-serif;
+  font-family: "PT Sans", "Ubuntu Sans", "Liberation Sans", "Lucida Grande", "Helvetica Neue", Arial, sans-serif;
 }
 @media (min-width: 48em) {
   html {
@@ -45,6 +45,10 @@ html {
   }
 }
 
+code,pre {
+    font-family: "SFMono-Regular", "Lucida Console", "Liberation Mono", Menlo, Courier, monospace;
+}
+
 
 /*
  * Sidebar
@@ -55,7 +59,7 @@ html {
 
 .sidebar {
   text-align: center;
-  padding: 2rem 1rem;
+  padding: 2rem 2rem;
   color: rgba(255,255,255,.5);
   background-color: #202020;
 }
@@ -76,11 +80,22 @@ html {
 }
 
 /* About section */
-.sidebar-about h1 {
+.site-title {
   color: #fff;
   margin-top: 0;
-  font-family: "Abril Fatface", serif;
-  font-size: 3.25rem;
+  font-family: Georgia, serif;
+  font-size: 2.5rem;
+  font-weight: bold;
+  line-height: 1.25;
+  margin-bottom: 0.5rem;
+  display: block;
+}
+
+.u-photo {
+  margin: auto;
+  margin-bottom: 1rem;
+  border: 2px solid white;
+  border-radius: 50%;
 }
 
 /* Sidebar nav */
@@ -181,8 +196,7 @@ a.sidebar-nav-item:focus {
 .theme-base-08 .sidebar {
   background-color: #ac4142;
 }
-.theme-base-08 .content a,
-.theme-base-08 .related-posts li a:hover {
+.theme-base-08 .content a {
   color: #ac4142;
 }
 
@@ -190,8 +204,7 @@ a.sidebar-nav-item:focus {
 .theme-base-09 .sidebar {
   background-color: #d28445;
 }
-.theme-base-09 .content a,
-.theme-base-09 .related-posts li a:hover {
+.theme-base-09 .content a {
   color: #d28445;
 }
 
@@ -199,8 +212,7 @@ a.sidebar-nav-item:focus {
 .theme-base-0a .sidebar {
   background-color: #f4bf75;
 }
-.theme-base-0a .content a,
-.theme-base-0a .related-posts li a:hover {
+.theme-base-0a .content a {
   color: #f4bf75;
 }
 
@@ -208,8 +220,7 @@ a.sidebar-nav-item:focus {
 .theme-base-0b .sidebar {
   background-color: #90a959;
 }
-.theme-base-0b .content a,
-.theme-base-0b .related-posts li a:hover {
+.theme-base-0b .content a {
   color: #90a959;
 }
 
@@ -217,8 +228,7 @@ a.sidebar-nav-item:focus {
 .theme-base-0c .sidebar {
   background-color: #75b5aa;
 }
-.theme-base-0c .content a,
-.theme-base-0c .related-posts li a:hover {
+.theme-base-0c .content a {
   color: #75b5aa;
 }
 
@@ -226,8 +236,7 @@ a.sidebar-nav-item:focus {
 .theme-base-0d .sidebar {
   background-color: #6a9fb5;
 }
-.theme-base-0d .content a,
-.theme-base-0d .related-posts li a:hover {
+.theme-base-0d .content a {
   color: #6a9fb5;
 }
 
@@ -235,8 +244,7 @@ a.sidebar-nav-item:focus {
 .theme-base-0e .sidebar {
   background-color: #aa759f;
 }
-.theme-base-0e .content a,
-.theme-base-0e .related-posts li a:hover {
+.theme-base-0e .content a {
   color: #aa759f;
 }
 
@@ -244,7 +252,6 @@ a.sidebar-nav-item:focus {
 .theme-base-0f .sidebar {
   background-color: #8f5536;
 }
-.theme-base-0f .content a,
-.theme-base-0f .related-posts li a:hover {
+.theme-base-0f .content a {
   color: #8f5536;
 }