diff --git a/components/01_Atoms/fonts/_fonts.scss b/components/01_Atoms/fonts/_fonts.scss
index 1840e69..9cd269b 100644
--- a/components/01_Atoms/fonts/_fonts.scss
+++ b/components/01_Atoms/fonts/_fonts.scss
@@ -1,4 +1,4 @@
-.LP-material-icons{
+.LP-Material-Icons{
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
diff --git a/components/01_Atoms/fonts/fonts.config.json b/components/01_Atoms/fonts/fonts.config.json
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/components/01_Atoms/fonts/fonts.config.json
@@ -0,0 +1 @@
+{}
diff --git a/components/01_Atoms/fonts/fonts.hbs b/components/01_Atoms/fonts/fonts.hbs
new file mode 100644
index 0000000..9cc7666
--- /dev/null
+++ b/components/01_Atoms/fonts/fonts.hbs
@@ -0,0 +1,5 @@
+
+ - image
+ - image-album
+ - youtube
+
diff --git a/public/main.css b/public/main.css
index 63c0fcf..0acb604 100644
--- a/public/main.css
+++ b/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; }