style(css): change main font and code fonts

Change the font to EB Garamond and Office Code Pro

docs/index.md

@@ -1,26 +1,30 @@
 ---
-title: "Home"
-description: "The Hitchhiker's Guide to Online Anonymity"
+meta_title: "The Hitchhiker's Guide to Online Anonymity"
+description: "The comprehensive guide to online anonymity and #opsec"
+hide: 
+  - toc
+  - navigation
 schema:
-  "@context": https://schema.org
-  "@type": WebPage
-  "@id": https://anonymousplanet.net/
-  name: Anonymous Planet
-  url: https://anonymousplanet.net/
-  logo: media/profile.png
-  sameAs:
-    - https://github.com/Anon-Planet
-    - https://opencollective.com/anonymousplanetorg
-    - https://mastodon.social/@anonymousplanet
+  - 
+    "@context": https://schema.org
+    "@type": Organization
+    "@id": https://anonymousplanet.net/
+    name: Anonymous Planet
+    url: https://anonymousplanet.net/
+    logo: media/profile.png
+    sameAs:
+      - https://github.com/Anon-Planet
+      - https://opencollective.com/anonymousplanetorg
+  -
 ---
 
-<div style="text-align: center; font-size: 3.9rem; font-weight: 700; line-height: 1; margin: 2em 0;">
+<div style="text-align: center; font-size: 2.7rem; font-weight: 700; line-height: 1; margin: 2em 0;">
 <span>Privacy.</span><br>
 <span style="color: var(--crt-green);">Security.</span><br>
 <span>Anonymity.</span>
 </div>
 
-<div style="text-align: center; font-size: 3.0rem; font-weight: 400; line-height: 0.9; margin: 2em 0;">
+<div style="text-align: center; font-size: 2rem; font-weight: 400; line-height: 0.9; margin: 2em 0;">
 <span style="color: var(--crt-green);">No ads.</span><br>
 <span style="color: var(--crt-amber);">No affiliate links.</span><br>
 <span style="color: var(--crt-red);">No bullshit.</span>
@@ -50,14 +54,15 @@ truly anonymous identities.</p>
 <p style="margin: 0 0 1em;">Download the guide as a PDF (best for readability) or ODT. Verify integrity with the
 provided public key before trusting any downloaded file.</p>
 <a href="export/thgtoa.pdf" class="btn-download" style="min-width: auto !important; color: var(--crt-amber);">Get
-the files </a>
+the files
+</a>
 </div>
 
 <div class="quick-access-card">
 <h3 style="font-family: var(--code-font); font-size: 1.1rem; margin: 0;">Tor</h3>
 <p style="margin: 0 0 1em;">Access the guide over the Tor network for maximum privacy. The .onion address ensures
 you reach us without exposing your IP or destination.</p>
-<a href="mirrors/" style="font-family: var(--code-font); font-size: 0.85rem; color: var(--crt-amber);">Open .onion
+<a href="mirrors/" style="font-family: var(--code-font); font-size: 0.85rem; color: var(--crt-amber);">Our .onion
 </a>
 </div>