minor styling fixes

src/lib/components/Header.svelte

···
 <nav class="relative flex h-12 w-full items-center overflow-hidden p-1">
 	<a href="/" class="flex h-10 gap-1 rounded p-2 transition hover:bg-zinc-900">
 		<img src="/icon.svg" class="h-6" alt="" />
-		<div class="flex h-6 items-center text-nowrap font-display text-lg">bingo</div>
+		<div class="flex h-6 items-center text-nowrap font-rounded text-lg font-bold">BINGO</div>
 	</a>
 	<VR />
 	<NavLink href="/">Home</NavLink>

src/lib/components/MainPageSection.svelte

···
 </script>
 
 <div>
-	<h2 class="font-rounded text-2xl font-bold">{title}</h2>
+	<h2 class="font-display text-2xl">{title}</h2>
 	<p class="ml-2"><slot /></p>
 </div>

src/routes/(main)/+page.svelte

···
 </svelte:head>
 
 <PageContainer>
-	<div class="pattern h-[300px]"></div>
+	<div class="flex h-[300px] items-center justify-center">
+		<h1 class="font-display text-[96px]">osu!Bingo</h1>
+	</div>
 	<div class="m-auto mt-10 flex w-full max-w-[1200px] flex-col gap-10 lg:flex-row">
 		<div>
 			<h1 class="text-3xl">Welcome to osu! Bingo!</h1>
···
 			</MainPageSection>
 
 			<MainPageSection title="No square is safe!">
-				Even if a team claims a square, the other team can **reclaim** that square by getting a high
+				Even if a team claims a square, the other team can <b>reclaim</b> that square by getting a high
 				score on the map that also meets the claim condition.
 			</MainPageSection>
 

src/routes/(main)/app.css

···
 	src: url('/fonts/montserrat/Montserrat-Regular.ttf');
 }
 
+@font-face {
+	font-family: 'Geo';
+	src: url('/fonts/Geo-Regular.ttf');
+}
+
+@font-face {
+	font-family: 'Poiret One';
+	src: url('/fonts/PoiretOne-Regular.ttf');
+}
+
 body {
 	@apply bg-zinc-900 font-sans text-purple-300;
-}
+}

tailwind.config.js

···
 		extend: {
 			fontFamily: {
 				sans: ['Montserrat', 'sans-serif'],
-				display: ['Roundor', 'display', 'sans-serif'],
+				display: ['Poiret One', 'display', 'sans-serif'],
 				rounded: ['Comfortaa', 'sans-serif'],
+				square: ['Geo', 'sans-serif'],
 				mono: ['CutiveMono', 'monospace']
 			},
 			animation: {