feat: add font and app styles

src/lib/styles/app.css

@@ -0,0 +1,12 @@
+:root {
+
+}
+
+* {
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'AdwaitaMono', sans-serif;
+    margin: unset;
+}

src/lib/styles/font.css

@@ -0,0 +1,31 @@
+/* Regular */
+@font-face {
+    font-family: 'AdwaitaMono';
+    src: url('$lib/assets/font/AdwaitaMono-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+/* Italic */
+@font-face {
+    font-family: 'AdwaitaMono';
+    src: url('$lib/assets/font/AdwaitaMono-Italic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+/* Bold */
+@font-face {
+    font-family: 'AdwaitaMono';
+    src: url('$lib/assets/font/AdwaitaMono-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+/* Bold Italic */
+@font-face {
+    font-family: 'AdwaitaMono';
+    src: url('$lib/assets/font/AdwaitaMono-BoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+}

src/routes/+layout.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import '$lib/styles/app.css';
+	import '$lib/styles/font.css';
 	import favicon from '$lib/assets/favicon.svg';
 
 	let { children } = $props();