Commit Message: Refactor font weight and size, add article max-width, update color variables

sass/parts/_code.scss

@@ -17,7 +17,6 @@ pre {
 pre code {
   background-color: transparent;
   color: inherit;
-  font-size: 100%;
   padding: 0;
 
   // We only want a border around `code` and not `pre code` blocks.

sass/parts/_header.scss

@@ -62,7 +62,7 @@ header {
 
 .home-title {
   font-size: 1.7em;
-  font-weight: 600;
+  font-weight: 450;
   padding-right: 0.33rem;
   border: none;
   color: var(--accent-color);
@@ -72,6 +72,13 @@ header {
 .meta {
   color: var(--meta-color);
   letter-spacing: -0.5px;
+  font-size: 0.8rem;
+  font-weight: 300;
+  padding-bottom: 1vmin;
+}
+
+.card-meta {
+  color: var(--meta-color);
 }
 
 @media only screen and (max-width: 1000px) {

sass/parts/_home-banner.scss

@@ -21,6 +21,13 @@
     color: var(--accent-color);
 }
 
+.home-banner-header {
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+    font-size: 2.8rem;
+    font-weight: 600;
+}
+
 #banner-home-subtitle {
     width: 95%;
     padding-right: 5%;

sass/parts/_misc.scss

@@ -10,6 +10,17 @@
   background-color: var(--primary-color);
 }
 
+.article-title {
+  padding-bottom: 1.2vmin;
+  display: block;
+  font-size: 2.2em;
+  margin-top: 0.67em;
+  margin-bottom: 0em;
+  margin-left: 0;
+  margin-right: 0;
+  font-weight: 550;
+}
+
 .title-container {
   border-bottom: var(--secondary-color) solid 0.5px;
   padding-bottom: 15px;
@@ -46,7 +57,7 @@ blockquote {
 a {
   color: var(--text-color);
   text-decoration-color: var(--links);
-  font-weight: 600;
+  font-weight: 580;
 }
 
 a:hover {