Styling improvements

Author: klieret

docs/index.md

@@ -1,11 +1,11 @@
 <div class="hero-title">
-  <h1 class="main-title">Building a minimal AI agent</h1>
-  <p class="subtitle">for software engineering, terminal use and more</p>
+  <h1 class="main-title">Building a minimal AI agent from scratch</h1>
+  <p class="subtitle">for software engineering, terminal use, and more</p>
 </div>
 
 <div class="author-box">
   <p><strong>Authors:</strong> Kilian Lieret, Carlos Jimenez, John Yang, Ofir Press.</p>
-  <p><strong>Contributions by</strong> <a href="#contribute">Contribute</a></p>
+  <p><strong>Contributions by</strong> ... <a href="#contribute">Contribute</a></p>
 </div>
 
 So you want to build your own AI agent from scratch? The good news: It's super simple, especially with more recent language models.

docs/stylesheets/extra.css

@@ -8,7 +8,7 @@
 }
 
 .hero-title .main-title {
-    font-size: 3rem;
+    font-size: 2.2rem;
     font-weight: 700;
     margin: 0;
     margin-bottom: 0.5rem;
@@ -27,13 +27,13 @@
     background-color: var(--md-default-bg-color);
     border: 1px solid var(--md-default-fg-color--lightest);
     border-radius: 8px;
-    padding: 1.5rem;
-    margin-bottom: 3rem;
+    padding: 0.75rem 1rem;
+    margin-bottom: 2rem;
     text-align: center;
 }
 
 .author-box p {
-    margin: 0.5rem 0;
+    margin: 0.25rem 0;
 }
 
 .author-box strong {