compliance with style guide

static/css/style.css

@@ -1,12 +1,16 @@
 /* Dark Mode */
 @media (prefers-color-scheme: dark) {
     body {
-        background-color: black;
-        color: white;
+        background-color: #1f2023;
+        color: #E7DBDA;
     }
     a {
         text-decoration: none;
-        color: #CC0C40;
+        color: #DB9181;
+    }
+    code {
+        background-color: #3B3C43;
+        color: #E7DBDA;
     }
 }
 
@@ -17,7 +21,11 @@
     }
     a {
         text-decoration: none;
-        color: #CC0C49;
+        color: #DB9181;
+    }
+    code {
+        background-color: #A9A2A2;
+        color: #1f2023;
     }
 }
 
@@ -31,8 +39,6 @@ header h1 {
 }
 
 code {
-    background-color: lightslategrey;
-    color: white;
     border-radius: 5px;
     padding: 1pt;
 }
@@ -48,17 +54,17 @@ footer {
 
 /* For header.html */
 #nav {
-    background-color: #800080;
+    background-color: #F14B25;
 }
 
 #nav-button {
-    color: white;
+    color: #E7DBDA;
     padding: 0px 25px;
     text-decoration: none;
 }
 
 #nav-button:hover {
-    background-color: #CC0C49;
+    background-color: #DB691A;
 }
 
 /* For author.html */
@@ -68,7 +74,7 @@ footer {
     height: auto;
 }
 #pronouns {
-    color: maroon;
+    color: #FF535D;
 }
 
 /* For meta.html */
@@ -81,3 +87,66 @@ footer {
     max-width: 60px;
     height: auto;
 }
+
+/* Fonts */
+/* Remingtoned Type - latin */
+@font-face {
+    font-family: 'Remingtoned Type';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: local(''),
+         url('fonts/remingtonedtype.ttf');
+  }
+  /* Liberation Sans - latin */
+  @font-face {
+    font-family: 'Liberation Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: local(''),
+         url('fonts/LiberationSans-Regular.ttf');
+  }
+  /* Liberation Mono - latin */
+  @font-face {
+    font-family: 'Liberation Mono';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: local(''),
+         url('fonts/LiberationMono-Regular.ttf');
+  }
+  /* OpenDyslexic - latin */
+  @font-face {
+    font-family: 'OpenDyslexic';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: local(''),
+         url('fonts/OpenDyslexic-Regular.otf') format('opentype');
+  }
+  
+  h1, h2, h3 {
+    font-family: 'Remingtoned Type';
+  }
+  
+  p, h4, h5 {
+    font-family: 'Liberation Sans';
+  }
+  
+  p {
+    font-size: 16pt;
+  }
+
+  body {
+    font-size: 14pt;
+  }
+
+  nav {
+    font-size: 20pt;
+  }
+  
+  pre, code {
+    font-family: 'Liberation Mono', monospace;
+  }
+