fix: some styles

Author: jumpyjacko

src/App.svelte

@@ -34,7 +34,9 @@
     <Projects />
     <div class="mb-10"></div>
 
-    <h2 class="text-2xl text-center justify-center w-full flex flex-col items-center">
+    <h2
+        class="text-2xl text-center justify-center w-full flex flex-col items-center"
+    >
         I use Arch btw
         <img
             src="https://github.com/jumpyjacko/dotfiles/raw/wayland/images/niri_main.jpg"
@@ -47,6 +49,8 @@
             class="w-1/2 p-1"
         />
     </h2>
+
+    <div class="mb-50"></div>
 </main>
 <footer
     class="hidden md:flex flex-row justify-end fixed bottom-0 right-0 p-1 z-1"

src/lib/sections/Projects.svelte

@@ -4,9 +4,9 @@
     }
 </script>
 
-<h1 class="text-xl font-bold">stuff I have made</h1>
+<h1 class="text-2xl">stuff I have made</h1>
 
-<h1 class="text-lg font-semibold">the real projects</h1>
+<h1 class="text-lg">the real projects</h1>
 <div class="grid grid-cols-2 gap-8 text-wrap w-3/4">
     <div>
         <iframe src="/" title="this website" class="h-full w-full"> </iframe>
@@ -35,7 +35,7 @@
     </button>
 </div>
 
-<h1 class="text-lg font-semibold">the random projects</h1>
+<h1 class="text-lg mt-10">the random projects</h1>
 
 <div class="grid grid-cols-2 gap-8 text-wrap w-3/4">
     <button onclick={() => goToLink("https://github.com/jumpyjacko/wireframe-cli")}>
@@ -97,7 +97,6 @@
 <style>
     button,
     div {
-        font-size: 14px;
         text-align: center;
     }