Merge pull request #17 from sklasfeld/move_buttons

moved buttons as group centered under header on desktop

Author: Samantha Klasfeld

src/pages/index.astro

@@ -27,7 +27,7 @@ const featuredPosts = posts.filter(({ data }) => data.isFeatured);
           loading="eager"
         />
       </figure>
-      <div class="text-center md:text-left">
+      <div class="text-center">
         <h1
           class="text-4xl sm:text-5xl lg:text-6xl font-sans font-semibold mb-3"
         >
@@ -36,7 +36,7 @@ const featuredPosts = posts.filter(({ data }) => data.isFeatured);
         <p class="text-xl sm:text-2xl text-main opacity-80 mb-6">
           Computational Biologist, Bioinformatics Scientist
         </p>
-        <div class="flex justify-center md:justify-start gap-4">
+        <div class="flex justify-center gap-6">
           <a
             href="Samantha_Klasfeld_CV.pdf"
             class="inline-flex items-center justify-center px-8 py-3 text-lg font-sans font-normal leading-tight bg-accent text-white dark:text-black border-2 border-accent rounded-xl transition-all duration-200 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-accent focus:ring-offset-2"