diff --git a/assets/style.scss b/assets/style.scss
index 8428f46..725f3c1 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -13,7 +13,7 @@
 /* BASE RULES */
 /**************/
 
-@import url('https://fonts.googleapis.com/css?family=Roboto');
+@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro&family=DM+Sans:wght@300;400&family=Slackside+One&family=Architects+Daughter&display=swap');
 
 html {
   font-size: 100%;
@@ -22,11 +22,11 @@ html {
 
 body {
   background: #fff;
-  font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: 'Crimson Pro', serif;
   color: #404040;
-  line-height: 1.7;
+  line-height: 1.2;
   font-weight: 400;
-  font-size: 18px;
+  font-size: 22px;
   height: 100%;
 }
 
@@ -38,7 +38,7 @@ body {
 }
 
 h1, h2, h3, h4, h5, h6 {
-  font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: 'DM Sans', sans-serif;
   color: $darkerGray;
   font-weight: bold;
 
@@ -308,9 +308,9 @@ p > img {
   margin: 0;
   color: $darkGray;
   cursor: pointer;
-  font-family: $helveticaNeue;
-  font-weight: 300;
-  font-size: 28px;
+  font-family: "Slackside One", cursive;
+  font-weight: bold;
+  font-size: 38px;
   letter-spacing: 1px;
   text-align: left;
 
@@ -323,6 +323,7 @@ p > img {
   margin: -5px 0 0 0;
   color: $gray;
   font-size: 16px;
+  font-family: "Architects Daughter", cursive;
 
   @include mobile {
     margin: 3px 0;
@@ -332,7 +333,7 @@ p > img {
 nav {
   float: right;
   margin-top: 23px; // @TODO: Vertically middle align
-  font-family: $helveticaNeue;
+  font-family: "DM Sans", sans-serif;
   font-size: 18px;
 
   @include mobile {
@@ -348,6 +349,7 @@ nav {
     text-align: right;
     font-weight: 300;
     letter-spacing: 1px;
+    font-weight: bold;
 
     @include mobile {
       margin: 0 10px;
@@ -446,7 +448,6 @@ body:after {
 }
 
 .post h1{
-  font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   text-align: center;
   font-weight: bold;
   font-kerning: auto;
@@ -455,7 +456,6 @@ body:after {
 }
 
 .page h1{
-  font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   text-align: center;
   font-weight: bold;
   font-kerning: auto;
@@ -477,7 +477,7 @@ body:after {
 .cd-container a {
   color: #30434e;
   text-decoration: none;
-  font-family: "Open Sans", sans-serif;
+  font-family: "DM Sans", sans-serif;
 }
 
 .cd-container img {
@@ -485,7 +485,7 @@ body:after {
 }
 
 .cd-container h1, .cd-container h2 {
-  font-family: "Open Sans", sans-serif;
+  font-family: "DM Sans", sans-serif;
   font-weight: bold;
 }
 
@@ -627,7 +627,7 @@ Modules - reusable parts of our design
 }
 
 #carbonads {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "DM Sans", sans-serif;
   display: inline-block;
   overflow: hidden;
   max-width: 270px;