Added Material Icons font, scss and hsb.

public/main.css

@@ -465,6 +465,12 @@
   font-display: swap;
   src: local("Montserrat Bold"), local("Montserrat-Bold"), url(fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"); }
 
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: local("MaterialIcons Regular"), local("MaterialIcons-Regular"), url(fonts/MaterialDesignIcons/MaterialIcons-Regular.woff2) format("woff2"); }
+
 html {
   height: 100%;
   margin: 0;
@@ -553,15 +559,12 @@ body {
     margin-top: 60px; } }
 
 .LP-Link {
-  color: #565656;
+  color: #C09F80;
   text-decoration: none;
-  font-family: "Montserrat", Helvetica, sans-serif; }
+  font-family: "Crimson Pro", Times, serif; }
   .LP-Link:hover {
-    color: #C09F80; }
-  .LP-Link .LP-Paragraph {
-    font-family: "Montserrat", Helvetica, sans-serif; }
-    .LP-Link .LP-Paragraph:hover {
-      color: #C09F80; }
+    color: #565656;
+    text-decoration: underline; }
 
 .LP-Link__IconWrapper {
   display: inline; }
@@ -858,6 +861,21 @@ body {
   .LP-Pagination .LP-Pagination__Item .LP-Link {
     padding: 8px 11px; } }
 
+.LP-Material-Icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -moz-font-feature-settings: 'liga';
+  -moz-osx-font-smoothing: grayscale; }
+
 .LP-Content {
   padding: 35px; }