change font to nunito and self host it

this is in a series of commits to make the application look more like
uiogaming.no as of writing this

README.md

@@ -36,4 +36,4 @@ Jeg hoppet inn i voice, spurte om navnforslag, fikk svaret "peppes der hvor alle
 
 ## Hvorfor er alt på nettsiden i små bokstaver
 
-Å HA SMÅ BOKSTAVER FOR ALT ER TRENDY NÅ, MEN EGENTLIG SÅ ER DET BARE FORDI SMÅ BOKSTAVER SER BRA UT I FONTEN VI BRUKER, POPPINS.
+Å HA SMÅ BOKSTAVER FOR ALT ER TRENDY NÅ, MEN EGENTLIG SÅ ER DET BARE FORDI SMÅ BOKSTAVER SER BRA UT I FONTEN VI BRUKER, NUNITO.

package-lock.json

@@ -8,6 +8,7 @@
       "name": "bebbes",
       "version": "0.1.0",
       "dependencies": {
+        "@fontsource/nunito": "^5.3.0",
         "react": "^19.3.1",
         "react-dom": "^19.3.1"
       },
@@ -28,6 +29,15 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/@fontsource/nunito": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@fontsource/nunito/-/nunito-5.3.0.tgz",
+      "integrity": "sha512-vw9TaTQJ/zpEpKrsODuPmOvaVjXgdda6B+xXA4YqjrdeJ62MLgVoDerdRXFQHyBnSCt2yQ2nHKCHPP/Pv7Xq4Q==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@oxc-project/types": {
       "version": "0.156.0",
       "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.156.0.tgz",

package.json

@@ -8,6 +8,7 @@
     "serve": "vite preview"
   },
   "dependencies": {
+    "@fontsource/nunito": "^5.3.0",
     "react": "^19.3.1",
     "react-dom": "^19.3.1"
   },

src/components/calculator.module.css

@@ -27,5 +27,5 @@
   font-weight: 900;
 }
 .or {
-  font-weight: 100;
+  font-weight: 200;
 }

src/index.css

@@ -1,12 +1,10 @@
-@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;900&display=swap");
-
 /* ===== Variables ===== */
 
 :root {
   --main-color: rgb(226, 35, 26);
   --main-background-color: rgb(22, 20, 31);
 
-  --main-font: "Poppins", sans-serif;
+  --main-font: "Nunito", sans-serif;
 }
 
 /* ===== RESET ===== */

src/main.tsx

@@ -1,5 +1,8 @@
 import React from 'react'
 import { createRoot } from 'react-dom/client'
+import '@fontsource/nunito/200.css'
+import '@fontsource/nunito/400.css'
+import '@fontsource/nunito/900.css'
 import './index.css'
 import App from './App'