1 files changed, 23 insertions, 87 deletions
diff --git a/assets/css/posts.css b/assets/css/posts.css
index e15baaf..d65e853 100644
--- a/assets/css/posts.css
+++ b/assets/css/posts.css
@@ -4,21 +4,21 @@ html {
   min-height: 100%;
   position: relative;
   overflow-y: scroll;
+  background-color: #252b30;
 }
 
 body {
-  background-color: #2c2c2c !important;
-  background-image: url("/images/overlay.png"), linear-gradient(0deg, rgb(44, 44, 44), rgba(44, 44, 44));
+  background-color: #333b42 !important;
+  background-image: url("/images/overlay.png"), linear-gradient(0deg, #333b42, #333b42);
   color: #fff !important;
-  font-family: system-ui, sans-serif !important;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
+  Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
 }
 
 a, a:hover { color: #46afff; }
 
-a.active { color: #f00 !important; }
-
 .paragraph__serif {
-  font-family: Georgia, Times, "Times New Roman", serif;
+  font-family: 'Georgia', 'Baskerville', 'TimesNewRoman', 'Times New Roman', 'Times', serif;
   font-size: 20px;
   line-height: 1.8;
 }
@@ -103,7 +103,7 @@ h2 { font-size: 1.6rem; }
   z-index: 1;
   top: 0;
   right: 0;
-  background-color: #222;
+  background-color: #252B30;
   overflow-x: hidden;
   transition: 0.25s;
 }
@@ -113,7 +113,6 @@ h2 { font-size: 1.6rem; }
   text-decoration: none;
   text-align: left;
   font-size: 16px;
-  font-weight: 400;
   line-height: 1;
   display: block;
   color: #fff;
@@ -121,7 +120,7 @@ h2 { font-size: 1.6rem; }
 
 .sidenav__container { margin-top: 4.2em; }
 
-.sidenav a.active { background-color: #333; }
+.sidenav a.active { background-color: #3b444c; color: #ffffff; font-weight: bold; }
 
 @media screen and (max-height: 450px) {
   .sidenav {padding-top: 15px;}
@@ -131,7 +130,7 @@ h2 { font-size: 1.6rem; }
 /* navigation bar */
 
 nav {
-  background-color: #232323;
+  background-color: #282e34;
   margin-bottom: 2em;
 }
 
@@ -171,16 +170,16 @@ nav {
   text-decoration: none;
 }
 
-.topnav-left a:nth-child(1) {
-  display: none;
-}
+.topnav .active { color: red; }
 
-.topnav-right a {
-  float: right;
-}
+.topnav a:hover { color: red; }
+
+.topnav-left a:nth-child(1) { display: none; }
+
+.topnav-right a { float: right; }
 
 @media screen and (max-width: 768px) {
-  .fa { font-size: 1em; padding: 0.6em 0 1.6em 1em; background-color: #333; border-radius: 3px; width: 3em; height: 0.9em; }
+  .fa { font-size: 1em; padding: 0.6em 0 1.6em 1em; background-color: #3B444C; border-radius: 3px; width: 3em; height: 1em; }
   .topnav a.active { background-color: transparent; color: #fff !important; }
   .topnav a { font-size: 20px; padding: 24px 16px; }
   .topnav a:not(:first-child) { display: none; }
@@ -192,87 +191,24 @@ nav {
 /* footer */
 
 .footer-container {
-  color: #aaa;
+  color: #ccc;
   margin: 0 auto;
   max-width: 1392px;
   padding: 2em 2em;
 }
 
 .footer {
-  background-color: #232323;
-  background-color: rgba(34, 34, 34, 0.85);
+  background-color: #282e34;
   font-size: 12px;
   line-height: 1.5;
   text-align: left;
 }
 
-.footer a {
-  color: #aaa;
-}
-
-.footer a:hover {
-  color: #f00;
-}
-
-@media screen and (max-width: 768px) {
-  .footer { background-color: #2c2c2c; background-color: rgba(0, 0, 0, 0); padding-left: unset; text-align: center; }
-  nav { background-color: #2c2c2c; background-color: rgba(0, 0, 0, 0); }
-}
-
-/* system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */
+.footer a { color: #ccc; }
 
-@font-face {
-  font-family: system-ui;
-  font-style: normal;
-  font-weight: 300;
-  src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
-}
-
-@font-face {
-  font-family: system-ui;
-  font-style: italic;
-  font-weight: 300;
-  src: local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma");
-}
-
-@font-face {
-  font-family: system-ui;
-  font-style: normal;
-  font-weight: 400;
-  src: local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma");
-}
-
-@font-face {
-  font-family: system-ui;
-  font-style: italic;
-  font-weight: 400;
-  src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma");
-}
-
-@font-face {
-  font-family: system-ui;
-  font-style: normal;
-  font-weight: 500;
-  src: local(".SFNSText-Medium"), local(".HelveticaNeueDeskInterface-MediumP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold"), local("Ubuntu Medium"), local("Roboto-Medium"), local("DroidSans-Bold"), local("Tahoma Bold");
-}
-
-@font-face {
-  font-family: system-ui;
-  font-style: italic;
-  font-weight: 500;
-  src: local(".SFNSText-MediumItalic"), local(".HelveticaNeueDeskInterface-MediumItalicP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold Italic"), local("Ubuntu Medium Italic"), local("Roboto-MediumItalic"), local("DroidSans-Bold"), local("Tahoma Bold");
-}
-
-@font-face {
-  font-family: system-ui;
-  font-style: normal;
-  font-weight: 700;
-  src: local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold");
-}
+.footer a:hover { color: #f00; }
 
-@font-face {
-  font-family: system-ui;
-  font-style: italic;
-  font-weight: 700;
-  src: local(".SFNSText-BoldItalic"), local(".HelveticaNeueDeskInterface-BoldItalic"), local(".LucidaGrandeUI"), local("Segoe UI Bold Italic"), local("Ubuntu Bold Italic"), local("Roboto-BoldItalic"), local("DroidSans-Bold"), local("Tahoma Bold");
+@media screen and (max-width:768px) {
+  .footer { background-color: #282e34; background-color: rgba(0, 0, 0, 0); padding-left: unset; text-align: center; }
+  nav { background-color: rgba(0, 0, 0, 0); }
 }