Updated all the components to have relative (rem) dimensions

Updated a few of the theme files to have the correct layout.
If you wanna go thru and update the rest to match win95 and cyberpunk
Updated the theme stuff to apply site wide.
gotta update the home page and the rules to be same style

src/lib/components/themeSelector.svelte

@@ -4,20 +4,29 @@
 	const themes = ['win95', 'cyberpunk', 'typewriter', 'nightmare', 'vaporwave', 'nintendo'];
 </script>
 
-<div class="button-row">
-	{#each themes as theme}
-		<button on:click={() => (currentTheme = theme)} class:active={currentTheme === theme}>
-			{theme.charAt(0).toUpperCase()}
-		</button>
-	{/each}
-</div>
+<fieldset>
+	<legend>Theme Selector</legend>
+
+	<div class="button-row">
+		{#each themes as theme}
+			<button on:click={() => (currentTheme = theme)} class:active={currentTheme === theme}>
+				{theme.charAt(0).toUpperCase()}
+			</button>
+		{/each}
+	</div>
+</fieldset>
 
 <style>
+	fieldset {
+		display: inline-flex;
+		margin: 0 1rem 0 auto;
+	}
+
 	.button-row {
 		display: flex;
-		gap: 10px;
+		gap: 1rem;
 		justify-content: center;
 		flex-wrap: wrap;
-		margin-top: 10px;
+		align-items: center;
 	}
 </style>