From 430e82ffa5f5636110a2ac9c58ac9d5e4addfce3 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <mail@karanjayachandra.com>
Date: Sat, 21 Feb 2026 17:55:03 +0100
Subject: Changed styling of the page

---
 static/main.css | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

(limited to 'static/main.css')

diff --git a/static/main.css b/static/main.css
index bc7f8a1..a4d85dc 100644
--- a/static/main.css
+++ b/static/main.css
@@ -5,7 +5,7 @@
     --bg-color: hsl(var(--hue), var(--saturation), 100%);
     --theme-color: hsl(var(--hue), var(--saturation), 50%);
     --code-bg-color: hsl(var(--hue), var(--saturation), 90%);
-    font-family: system-ui;
+    font-family: 'JetBrains Mono';
     background-color: var(--bg-color);
     color: var(--text-color);
     max-width: 800px;
@@ -29,14 +29,17 @@ a {
     color: var(--theme-color);
 }
 body img {
+    display: block;
+    margin: auto;
     max-width: 100%;
 }
 nav ul, nav ol {
     padding: 0%;
+    padding-bottom: 3%;
     list-style: none;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
-    gap: 5%;
+    gap: 10px;
 }
 nav ul li {
     background-color: var(--code-bg-color);
@@ -68,6 +71,8 @@ mark {
 }
 footer {
     text-align: center;
+    padding-top: 2%;
+    padding-bottom: 5%;
 }
 @media (max-width: 900px) {
     :root {
@@ -75,10 +80,6 @@ footer {
     }
     nav ul {
         grid-template-columns: 1fr 1fr;
-        gap: 2%;
-    }
-    table {
-        overflow: scroll;
     }
 }
 @media (prefers-color-scheme: dark) {
@@ -88,8 +89,4 @@ footer {
         --theme-color: hsl(var(--hue), var(--saturation), 50%);
         --code-bg-color: hsl(var(--hue), var(--saturation), 10%);
     }
-}
-/* Disable multi level menus */
-nav ul li ul, nav ul li ol {
-    display: none;
 }
\ No newline at end of file
-- 
cgit v1.3.1