Fix puzzlebang, mechmania buttons

src/components/navbar.svelte

@@ -21,15 +21,15 @@
 	};
 </script>
 
-<nav class="sticky block top-0">
+<nav class="sticky block top-0 z-50">
 	<div
 		class="flex flex-row justify-between p-5 text-gray-200 text-sm md:text-md lg:text-lg font-sans items-center"
 	>
 		<a href="/" class="flex flex-row items-center gap-3">
 			<img
 				src="/favicon.png"
 				alt="Reflections Projections Home Page"
-				class="hover:rotate-180 duration-500 hover:scale-125 h-10 w-10 md:h-14 md:w-14 aspect-square"
+				class="hover:rotate-180 duration-500 hover:scale-125 w-10 md:h-14 md:w-14 aspect-square object-cover"
 			/>
 		</a>
 		<div class="flex flex-row justify-evenly w-[95%] md:w-2/3 lg:w-1/2 items-center">
@@ -49,9 +49,8 @@
 				>MechMania</a
 			>
 			<div
-				class="relative inline-block md:hidden z-50"
+				class="relative inline-block md:hidden"
 				on:mouseleave|self={() => {
-					console.log('whyyy');
 					openDropDown = false;
 				}}
 			>

src/routes/mechmania/+page.svelte

@@ -4,7 +4,7 @@
 	import WindowCard from '../../lib/components/window-card.svelte';
 </script>
 
-<div class="h-screen mx-auto w-[90%] lg:w-4/5 md:mt-10 relative -z-[10]">
+<div class="h-screen mx-auto w-[90%] lg:w-4/5 md:mt-10 relative">
 	<WindowCard>
 		<div class="bg-rp-subtle-pink p-1 mt-2 flex flex-col-reverse md:flex-row">
 			<a href="https://mechmania.org/" class="mx-auto my-auto w-8/12 sm:w-3/5 md:w-2/5">

src/routes/puzzlebang/+page.svelte

@@ -3,7 +3,7 @@
 	import WindowCard from '../../lib/components/window-card.svelte';
 </script>
 
-<div class="h-screen mx-auto w-[90%] lg:w-4/5 md:mt-10 relative -z-[10]">
+<div class="h-screen mx-auto w-[90%] lg:w-4/5 md:mt-10 relative z-0">
 	<WindowCard>
 		<div class="bg-rp-subtle-pink p-1 mt-2 flex flex-col md:flex-row">
 			<a href="https://puzzlebang.com/" class="mx-auto my-auto w-8/12 sm:w-3/12">