More tweaks

website/src/app/globals.css

@@ -1,4 +1,3 @@
-
 :root {
     --background: #252525;
     --foreground: #ededed;

website/src/app/layout.tsx

@@ -8,7 +8,7 @@ const spaceGrotesk = Space_Grotesk({
 });
 
 const spaceMono = Space_Mono({
-  variable: "--font-space-mono",
+    variable: "--font-mono",
     subsets: ["latin"],
     weight: ["400"]
 });

website/src/app/page.module.css

@@ -227,7 +227,7 @@
 .hydrationCode {
     flex: 2;
     width: 100%;
-    max-width: 800px;
+    max-width: 780px;
 }
 
 .hydrationText {
@@ -282,3 +282,13 @@
         padding: 1rem;
     }
 }
+
+.hydrationText p code {
+    font-family: var(--font-mono);
+    font-size: 0.85em;
+    background-color: var(--gray-alpha-100);
+    border-radius: 0.2em;
+    padding: 0.1em 0.2em;
+    color: var(--foreground);
+    border: 1px solid var(--gray-alpha-200);
+}

website/src/app/page.tsx

@@ -54,13 +54,13 @@ export default function Home() {
                 <div className={styles.hydrationSection}>
                     <div className={styles.hydrationContainer}>
                         <div className={styles.hydrationCode}>
-                            <CodeExample code={hydrationExample} height={260} noScroll={true} />
+                            <CodeExample code={hydrationExample} height={245} noScroll={true} />
                         </div>
                         <div className={styles.hydrationText}>
                             <h2>Smart Hydration</h2>
                             <p>
                                 Unicord's hydration system automatically manages Discord object lifecycles. 
-                                The context.hydrate method intelligently fetches and caches Discord objects 
+                                The <code>context.hydrate</code> method intelligently fetches and caches Discord objects 
                                 like messages, users, and guilds, ensuring your bot stays efficient while 
                                 keeping your code clean and predictable.
                             </p>

website/src/components/CodeExample.module.css

@@ -10,6 +10,4 @@
     border-radius: 8px;
     overflow: hidden;
     border: 1px solid #2d2d2d;
-    /* Prevent scroll capture */
-    /* pointer-events: none; */
 }