spruce up the docs

Author: raphaeltm

docs/intro/intro.mdx

@@ -9,11 +9,12 @@ import DocCardList from "@docusaurus/theme-classic/lib/theme/DocCardList";
 #  
 
 <div style={{textAlign: "center"}}>
-    <img src="/img/defang-logo.svg" alt="Defang Logo" style={{width: "200px", marginBottom: "2rem"}} />
+    <img src="/img/defang-logo.svg" alt="Defang Logo" className="w-48 mb-4 mx-auto" />
     <h1>Defang Documentation</h1>
     <p>
         Defang lets you take your app from Docker Compose to a secure and scalable deployment on your favorite cloud in minutes. Build cloud applications in any language and stack, deploy to your account on your favorite cloud with a single command, and iterate quickly with AI-assisted tooling.
     </p>
+    <div className="h-8"/>
     <h2>Getting Started</h2>
     <DocCardList
         items={[

src/css/custom.css

@@ -249,27 +249,27 @@
 }
 
 .theme-doc-markdown h1 {
-    @apply text-5xl;
+    @apply text-5xl mb-4;
 }
 
 .theme-doc-markdown h2 {
-    @apply text-3xl;
+    @apply text-3xl mb-4;
 }
 
 .theme-doc-markdown h3 {
-    @apply text-2xl;
+    @apply text-2xl mb-4;
 }
 
 .theme-doc-markdown h4 {
-    @apply text-xl;
+    @apply text-xl mb-4;
 }
 
 .theme-doc-markdown h5 {
-    @apply text-base;
+    @apply text-base mb-4;
 }
 
 .theme-doc-markdown h6 {
-    @apply text-sm;
+    @apply text-sm mb-4;
 }
 
 
@@ -388,3 +388,14 @@ img.unstyled {
   border-radius: 0 !important;
   box-shadow: none !important;
 }
+
+/**
+ * Page Specific
+ */
+[class*="docs-doc-id-intro/intro"] .theme-doc-markdown .card h2 {
+    @apply text-2xl;
+}
+
+.navbar__item.navbar__link.navbar__item-get_started {
+  @apply hidden sm:block;
+}