From 6cf08248ae0fdd1d1380a71bed95ceacaaf32f7b Mon Sep 17 00:00:00 2001
From: arne <noreply@null.arnes.space>
Date: Tue, 18 Nov 2025 18:43:36 +0100
Subject: [PATCH] Fix CSS formatting

---
 public/index.html | 113 +++++++++++++++++++++++++---------------------
 1 file changed, 61 insertions(+), 52 deletions(-)

diff --git a/public/index.html b/public/index.html
index 9f315ac..f5c217f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,83 +9,83 @@
      html, body { padding: 0; margin: 0; }
 
      body {
-       margin: 24px;
-       min-height: 100vh;
-       max-width: 960px;
-       background: #fbf5de;
-       color: #222;
-       font-family: sans-serif;
-       font-size: 16px;
-       line-height: 1.2;
+         margin: 24px;
+         min-height: 100vh;
+         max-width: 960px;
+         background: #fbf5de;
+         color: #222;
+         font-family: sans-serif;
+         font-size: 16px;
+         line-height: 1.2;
      }
 
      @media screen and (min-width: 768px) {
-       body {
-         margin: 24px;
-       }
+         body {
+             margin: 24px;
+         }
      }
 
      h1, h2, h3 {
-       font-family: serif;
-       margin: 0;
+         font-family: serif;
+         margin: 0;
      }
 
      h1 {
-       font-size: 36px;
-       line-height: 48px;
-       margin-bottom: 12px;
+         font-size: 36px;
+         line-height: 48px;
+         margin-bottom: 12px;
      }
 
      h2 {
-       font-size: 24px;
-       line-height: 30px;
-       margin-bottom: 6px;
+         font-size: 24px;
+         line-height: 30px;
+         margin-bottom: 6px;
      }
 
      h3 {
-       clear: both;
-       font-size: 18px;
-       line-height: 24px;
-       margin-bottom: 6px;
+         clear: both;
+         font-size: 18px;
+         line-height: 24px;
+         margin-bottom: 6px;
      }
 
      img {
-       max-width: 100%;
-       height: auto;
+         max-width: 100%;
+         height: auto;
      }
 
      p {
-       margin: 16px 0;
+         margin: 16px 0;
      }
 
      img.illustration {
-       width: 150px;
-       height: auto;
-       float: left;
-       margin-right: 24px;
-       margin-bottom: 24px;
-       mix-blend-mode: luminosity;
-       vertical-align: middle;
+         width: 150px;
+         height: auto;
+         float: left;
+         margin-right: 24px;
+         margin-bottom: 24px;
+         mix-blend-mode: luminosity;
+         vertical-align: middle;
      }
 
      #root {
-       clear: both;
+         clear: both;
      }
 
      input,
      button {
-       margin: 3px 0;
-       padding: 3px;
-       border: 2px solid #222;
-       color: #222;
-       background: rgba(255, 255, 255, 0.8);
+         margin: 3px 0;
+         padding: 3px;
+         border: 2px solid #222;
+         color: #222;
+         background: rgba(255, 255, 255, 0.8);
      }
 
      section.login label,
      section.login input {
-        display: block;
-        width: 100%;
-        max-width: 480px;
+         display: block;
+         width: 100%;
+         max-width: 480px;
      }
 
      section.login input,
@@ -94,18 +94,18 @@
      }
 
      .controls {
-       padding: 0 0 36px;
+         padding: 0 0 36px;
      }
 
      ul.results {
-       margin: 0;
-       padding: 0;
-       list-style-type: none;
+         margin: 0;
+         padding: 0;
+         list-style-type: none;
      }
 
      ul.results li.result {
-       padding: 36px 0;
-       border-top: 2px dotted #dccb8b;
+         padding: 36px 0;
+         border-top: 2px dotted #dccb8b;
      }
 
      .post .metadata {
@@ -123,13 +123,22 @@
      }
 
      .post .content p:last-child {
-       margin-bottom: 0
+         margin-bottom: 0
      }
 
      .post ul.controls {
-       margin: 18px 0 0;
-       padding: 0;
-       list-style-type: none;
+         margin: 18px 0 0;
+         padding: 0;
+         list-style-type: none;
+     }
+
+     code {
+         font-family: monospace;
+         padding: .16rem .24rem;
+         font-size: 92%;
+         background: #4c462f;
+         color: #eee;
+         margin: .16rem;
      }
     </style>
   </head>