From 968f19d019fd04bc4d83dc7e076249b30ee07159 Mon Sep 17 00:00:00 2001
From: Demetrius Semanko <143662059+DemetriusSemanko@users.noreply.github.com>
Date: Sat, 28 Feb 2026 22:27:55 -0500
Subject: [PATCH] Tetradic coloring for navbar

---
 style.css | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/style.css b/style.css
index 98791dc..acb5153 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,7 @@
 :root {
   --electric-blue: #80f0f0;
+  --tetradic-green: #80F080; /* Green-ish */
+  --tetradic-blue: #8080F0; /* Blue-ish */
 }
 body {
   font-family: sans-serif;
@@ -37,22 +39,22 @@ nav {
   flex-direction: column;
   position: fixed;
   left: -15px;
-  top: 0;
+  top: 4px;
   z-index: 1;
   & > a {
+    background-color: var(--tetradic-green);
+    color: black;
+    text-decoration: none;
+    font-weight: bold;
     width: max-content;
-    background-color: white;
     border: black 1.5pt solid;
     border-radius: 5px;
-    padding: 5px 10px 5px 20px;
-    color: black;
+    padding: 5px 15px 5px 20px;
     margin: 4px;
-    text-decoration: none;
-    font-weight: bold;
-    box-shadow: 0 0 5px 0.25px black;
+    box-shadow: 2px 0px 5px 0.25px black;
     &.titular-navbar-tab {
-      background-color: var(--electric-blue);
-      box-shadow: 0 0 5px 0.25px inset black;
+      box-shadow: -2px 0 5px 0.25px inset black;
+      background-color: var(--tetradic-blue);
     }
   }
 }
-- 
2.51.2