diff --git a/webapp/src/app.css b/webapp/src/app.css
index bd6213e..5228d93 100644
--- a/webapp/src/app.css
+++ b/webapp/src/app.css
@@ -1,3 +1,12 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
\ No newline at end of file
+@tailwind utilities;
+
+@layer base {
+    h1 {
+        @apply text-2xl;
+    }
+    h2 {
+        @apply text-xl;
+    }
+}
\ No newline at end of file
diff --git a/webapp/tailwind.config.cjs b/webapp/tailwind.config.cjs
index e4f4993..c82ca4b 100644
--- a/webapp/tailwind.config.cjs
+++ b/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: [],
 }