diff --git a/src/app.html b/src/app.html
index e3461df3eff6b42492ae91ff9d5fb087d96b2242..0e11c0a8afc27b2b270e7d173fb3b2c3392b423e 100644
--- a/src/app.html
+++ b/src/app.html
@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
- <body data-sveltekit-preload-data="hover" class="h-full">
+ <body data-sveltekit-preload-data="hover" class="h-full font-game text-zinc-800">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>
diff --git a/src/routes/quiz/+layout.svelte b/src/routes/quiz/+layout.svelte
index 7afeea526e29313a4ff9b89c17910b58a8ff93fb..3616541325f263e5f80e8b383e5e4e2ec6eaf93a 100644
--- a/src/routes/quiz/+layout.svelte
+++ b/src/routes/quiz/+layout.svelte
@@ -3,9 +3,7 @@
<style>
:global(body) {
background-color: #f65a52;
- font-family: 'Londrina Solid', monospace;
font-size: 16px;
line-height: 1.875em;
- color: #333;
}
</style>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 72a0909c2dd48143f8c5059c2430bb88b2155640..f12d001f0df91202fc3c01ffb2fedafcd6af9b04 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -5,6 +5,9 @@ export default {
theme: {
extend: {
+ fontFamily: {
+ game: ['Londrina Solid', 'monospace']
+ },
borderWidth: {
6: '6px'
}