Visual changes

- Advanced instances wrap around and are comma-separated
- Body text is darker on dark theme and lighter on light theme
- Added icons next to cryptocurrencies in `/donate`
- Reduced bottom margin on headers so they are closer to body text
- Made the theme toggle look like a button

src/lib/Hero.svelte

@@ -2,7 +2,9 @@
 	<h1 class="text-5xl font-extrabold text-accent my-0 border-b-0 pb-0">
 		Project Segfault
 	</h1>
-	<p class="text-2xl">Open source development and hosted services.</p>
+	<p class="text-2xl text-text">
+		Open source development and hosted services.
+	</p>
 	<div class="flex gap-4 flex-col w-full sm:(flex-row justify-center)">
 		<a
 			href="/instances"

src/lib/Nav/ThemeToggle.svelte

@@ -17,12 +17,19 @@
 
 <button
 	on:click={toggle}
-	class="text-text flex items-center text-sm"
+	class="theme-toggle button text-text flex items-center text-sm"
+	aria-label="Toggle theme"
 >
 	<div
 		class="i-ic:{theme === 'dark'
 			? 'outline-light-mode'
 			: 'outline-dark-mode'} h-4 w-4"
 	/>
-	<span class="ml-2 navPlus1:(hidden)">Toggle theme</span>
+	<span class="navPlus1:(hidden)">Toggle theme</span>
 </button>
+
+<style>
+	.theme-toggle:hover {
+		@apply brightness-70;
+	}
+</style>