lokalne fonty; poprawki offline i cachingu pwa

src/styles/JournalSection.scss

@@ -5,6 +5,7 @@
   overflow-y: auto;
   height: 90vh;
   min-height: 550px;
+  margin-top: 0.5em;
 
   padding-right: 0.2em;
 }
@@ -24,7 +25,7 @@
   text-align: end;
 
   padding: 0.25em;
-  margin: 0.5em 0;
+  margin-top: 0.5em;
 }
 
 .journal_warning {

src/styles/fonts.scss

@@ -0,0 +1,49 @@
+@font-face {
+  font-family: 'Quicksand';
+  src:
+    url('/fonts/Quicksand-Bold.woff2') format('woff2'),
+    url('/fonts/Quicksand-Bold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Quicksand';
+  src:
+    url('/fonts/Quicksand-SemiBold.woff2') format('woff2'),
+    url('/fonts/Quicksand-SemiBold.woff') format('woff');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Quicksand';
+  src:
+    url('/fonts/Quicksand-Medium.woff2') format('woff2'),
+    url('/fonts/Quicksand-Medium.woff') format('woff');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Quicksand';
+  src:
+    url('/fonts/Quicksand-Regular.woff2') format('woff2'),
+    url('/fonts/Quicksand-Regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Quicksand';
+  src:
+    url('/fonts/Quicksand-Light.woff2') format('woff2'),
+    url('/fonts/Quicksand-Light.woff') format('woff');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}

src/styles/global.scss

@@ -1,3 +1,5 @@
+@import 'fonts.scss';
+
 :root {
   --clr-primary: #ffc014;
   --clr-secondary: #2f2f2f;