src/styles/_font.scss

@@ -0,0 +1,29 @@
+@import "./breakpoints";
+@import "./spacing";
+
+@font-face {
+    font-family: 'Lemon Yellow Sun';
+    src: url("/font/LemonYellowSun.otf") format("opentype");
+}
+
+a {
+    text-decoration: none !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+    font-family: 'Lemon Yellow Sun' !important;
+}
+
+h1 {
+    font-size: $spacing_48;
+}
+
+span,
+p,
+div {
+    font-family: 'Roboto,Arial' sans-serif !important;
+}

src/styles/_spacing.scss

@@ -2,4 +2,5 @@ $spacing_4: 4px;
 $spacing_8: 8px;
 $spacing_16: 16px;
 $spacing_32: 32px;
+$spacing_48: 48px;
 $spacing_64: 64px;

src/styles/globals.scss

@@ -1 +1,3 @@
-@use "@picocss/pico";
+@use "@picocss/pico";
+
+@import "./font"