Basic styling

webapp/src/app.css

@@ -1,3 +1,12 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+@layer base {
+    h1 {
+        @apply text-2xl;
+    }
+    h2 {
+        @apply text-xl;
+    }
+}

webapp/tailwind.config.cjs

@@ -2,7 +2,11 @@ const config = {
     mode: "jit",
     content: ["./src/**/*.{html,js,svelte,ts}"],
     theme: {
-        extend: {},
+        extend: {
+            fontFamily: {
+                sans: ["Baar Sophia", "Arial"],
+            }
+        },
     },
     plugins: [],
 }