Update font and page size for guide page

src/components/GuideHeader.astro

@@ -39,7 +39,7 @@ const { author } = frontmatter;
     <h1 class='text-2xl sm:text-5xl my-0 sm:my-3.5 font-bold'>
       {frontmatter.title}
     </h1>
-    <p class='hidden sm:block text-gray-400 text-md'>
+    <p class='hidden sm:block text-gray-400 text-xl'>
       {frontmatter.description}
     </p>
   </div>

src/components/MarkdownFile.astro

@@ -1,5 +1,5 @@
 <div
-  class='prose-blockquote:font-normal prose container prose-code:bg-transparent prose-h2:text-3xl prose-h2:mt-4 prose-h2:mb-2 prose-h3:mt-2 prose-img:mt-1'
+  class='prose-xl prose-blockquote:font-normal prose container prose-code:bg-transparent prose-h2:text-3xl prose-h2:mt-4 prose-h2:mb-2 prose-h3:mt-2 prose-img:mt-1'
 >
   <slot />
 </div>

src/pages/guides/[guideId].astro

@@ -30,7 +30,7 @@ const { frontmatter: guideData } = guide;
 >
   <GuideHeader guide={guide} />
 
-  <div class='bg-gray-50 py-5 sm:py-10'>
+  <div class='py-5 sm:py-10 max-w-[700px] mx-auto'>
     <MarkdownFile>
       <guide.Content />
     </MarkdownFile>