feat: better hero centering

Author: FireIsGood

src/pages/index.astro

@@ -59,6 +59,7 @@ import heroImage from "@/images/fireimage.gif";
     min-height: calc(100vh - 4.5rem);
     max-width: 720px;
     margin-inline: auto;
+    padding-bottom: 4.5rem;
   }
 
   .hero-content {
@@ -111,8 +112,8 @@ import heroImage from "@/images/fireimage.gif";
 
   @media (max-width: 450px) {
     .hero {
-      min-height: calc(100vh - 12rem);
-      padding-bottom: 4rem;
+      min-height: calc(100vh - 8.5rem);
+      padding-bottom: 8.6rem;
     }
     .hero-content {
       flex-direction: column;