fix: rename bird file and also responsive hero text size

Author: jumpyjacko

public/images/birb-bg-no-bg.svg public/images/birb-bw-no-bg.svgpublic/images/birb-bg-no-bg.svg renamed to public/images/birb-bw-no-bg.svg

@@ -28,11 +28,9 @@
 <main class="flex flex-col justify-center items-center">
     <Clock />
     <MainBird />
-    <h1 class="text-4xl text-center mt-5">
+    <h1 class="text-2xl md:text-4xl text-center mt-5">
         hi, i'm jackson,<br />a software developer
     </h1>
-
-    <div class="h-500">content</div>
 </main>
 <div class="fixed bottom-0 w-full flex justify-center pb-1">
     <svg

src/App.svelte

@@ -58,13 +58,13 @@
 
     $effect(() => {
         updateTransform(angleX + angleY + scale);
-    })
+    });
 </script>
 
 <div bind:this={mainBird} class="main-bird mt-50 select-none">
     <img
         bind:this={birdImg}
-        src="/images/birb-bg-no-bg.svg"
+        src="/images/birb-bw-no-bg.svg"
         alt="A monochrome, pixel-art bird"
         class="w-fit"
     />
@@ -82,4 +82,3 @@
         pointer-events: none;
     }
 </style>
-