diff --git a/zenno/src/routes/+layout.svelte b/zenno/src/routes/+layout.svelte
index b45dd82..4328b1c 100644
--- a/zenno/src/routes/+layout.svelte
+++ b/zenno/src/routes/+layout.svelte
@@ -8,20 +8,21 @@
 <svelte:head><link rel="icon" href={favicon} /></svelte:head>
 
 <nav class="flex min-w-full p-4 mb-4 shadow-md">
-	<span class="flex-1">
+	<span class="hidden md:inline flex-1">
 		<a href="/" class="text-7xl">Zenno Rob Roy</a>
 	</span>
-	<span class="flex-1 text-right">
-		<a href="/inherit" class="mx-8">Inheritance Chance</a>
-		<a href="/spark" class="mx-8">Spark Generation Chance</a>
-		<a href="/vet" class="mx-8">My Veterans</a>
-		<a href="/convo" class="mx-8">Lobby Conversations</a>
+	<span class="flex-1 text-center">
+		<a href="/" class="md:hidden block mx-8 my-1 font-semibold">Zenno Rob Roy</a>
+		<a href="/inherit" class="inline-block mx-8 my-1">Inheritance Chance</a>
+		<a href="/spark" class="inline-block mx-8 my-1">Spark Chance</a>
+		<a href="/vet" class="inline-block mx-8 my-1">My Veterans</a>
+		<a href="/convo" class="inline-block mx-8 my-1">Lobby Conversations</a>
 	</span>
 </nav>
-<div class="min-w-7xl max-w-7xl m-auto">
+<div class="md:min-w-7xl md:max-w-7xl md:m-auto">
 	{@render children()}
 </div>
-<footer class="absolute p-4 inset-x-0 bottom-0 border-t text-center text-[14px]">
+<footer class="p-4 mt-32 inset-x-0 bottom-0 border-t text-center text-[14px]">
 	Umamusume: Pretty Derby tools by <a href="https://zephyrtronium.date/">zephyrtronium</a>.<br>
 	All data is generated from the game's local database.
 </footer>
diff --git a/zenno/src/routes/layout.css b/zenno/src/routes/layout.css
index 3bd613e..5c112b0 100644
--- a/zenno/src/routes/layout.css
+++ b/zenno/src/routes/layout.css
@@ -1,2 +1,6 @@
 @import 'tailwindcss';
 @import './sakura-vars.css';
+
+@theme {
+    --text-sm: 1.25rem;
+}