font

src/index.css

@@ -1,3 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=Dosis:[email protected]&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
+
 :root {
   --color-selected: #e6fdff;
   --color-hover-friend: #c2f0f2;
@@ -14,9 +16,8 @@
 }
 
 html {
-  font-size: 62.5%;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
-    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-size: 65%;
+  font-family: "Dosis", sans-serif;
 }
 
 body {
@@ -49,6 +50,8 @@ body {
   font-weight: bold;
   cursor: pointer;
   transition: 0.3s;
+  font-family: "Dosis", sans-serif;
+  font-size: 1.5rem;
 }
 
 .button:hover {
@@ -68,6 +71,7 @@ body {
   flex-direction: column;
   gap: 0.5rem;
   font-size: 1.4rem;
+  font-weight: 550;
   margin-bottom: 2rem;
 }