Adjust index.md

Author: bcb

docs/assets/extra.css

@@ -14,33 +14,30 @@ body {
 .md-typeset h4,
 .md-typeset h5,
 .md-typeset h6 {
-  font-weight: 600;
-  color: #111;
+  font-weight: 700;
+  font-style: normal;
+  letter-spacing: -0.5px;
+  color: #222;
 }
 
 .md-typeset h1 {
-  font-style: normal;
-  letter-spacing: -0.5px;
+  font-size: 160%;
   line-height: 130%;
 
-  margin: 1em 0 0.5 0;
+  margin: 0em 0 1em 0;
   @media screen and (max-width: var(--on-palm)) {
-    margin-top: calc(var(--vspace) * 1.5);
+    margin-top: 1.5em;
   }
 }
 
 .md-typeset h2 {
+  font-size: 130%;
   margin: 1.5em 0 1em 0;
-  font-style: normal;
-  letter-spacing: -0.5px;
   line-height: 100%;
-  font-size: 120%;
 }
 
 .md-typeset h3 {
+  font-size: 110%;
   margin: 2em 0 1em 0;
-  font-style: normal;
-  letter-spacing: -0.5px;
   line-height: 100%;
-  font-size: 110%;
 }

docs/gettingstarted.md

@@ -66,9 +66,9 @@ This `.env` file is used to configure:
 - **Ports** – Adjust the exposed ports (specifically, Caddy's) depending on
   environment or application (you may bring up multiple).
 
-> ⚠️ Important: The .env file is for local development only. Never store real
-> secrets in version control or production. Use CI/CD environment variables or
-> a secrets manager instead.
+> ⚠️ The .env file is for local development only. Never store real secrets in
+> version control or production. Use CI/CD environment variables or a secrets
+> manager instead.
 
 ## 3. Start the Stack
 

docs/index.md

@@ -2,16 +2,15 @@
   .logo-responsive {
     float: right;
     padding-left: 2em;
-  }
 
-  @media (max-width: 768px) {
-    .logo-responsive {
+    @media (max-width: 768px) {
       float: none;
       display: block;
-      margin: 0 auto 2em;
+      margin: 0 auto 1em;
       padding: 0;
     }
   }
+
 </style>
 
 <img src="assets/logo.png" alt="SuperStack Logo" class="logo-responsive" />
@@ -42,6 +41,10 @@ It's perfect for:
 Everything runs inside Docker and routes through a single exposed port (via
 Caddy), making it easy to develop locally or deploy remotely.
 
+---
+
+## 🏛️ Architecture
+
 ```mermaid
 flowchart TD
     Caddy["Caddy (API Gateway)"]