add fonts

Author: Raphael Holzer

public/fonts/Itim-Regular.ttf

@@ -2,6 +2,7 @@ import { useEffect, useState } from "react";
 import CreateNote from "./components/CreateNote/CreateNote";
 import Header from "./components/Header/Header";
 import "./main.scss";
+import "./fonts.scss";
 import ShowNotes from "./components/ShowNotes/ShowNotes";
 
 function App() {

public/fonts/Itim-Regular.woff

@@ -0,0 +1,19 @@
+@font-face {
+  font-family: "Roboto";
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+  src: url("/fonts/Roboto-Regular.woff2") format("woff2"),
+    url("/fonts/Roboto-Regular.woff") format("woff"),
+    url("/fonts/Roboto-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Itim";
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+  src: url("/fonts/Itim-Regular.woff2") format("woff2"),
+    url("/fonts/Itim-Regular.woff") format("woff"),
+    url("/fonts/Itim-Regular.ttf") format("truetype");
+}

public/fonts/Itim-Regular.woff2

@@ -148,6 +148,16 @@ body,
   transition: 500ms all;
   position: relative;
   min-height: 100dvh;
+  font-family: "roboto", sans-serif;
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: "itim";
+  }
 
   main {
     display: flex;
@@ -162,7 +172,7 @@ body,
 
     &:not(&:has(.nonotes)) {
       flex-wrap: wrap;
-      justify-content:baseline;
+      justify-content: baseline;
       gap: 1rem;
       grid-row: 192px;
     }