From 175e4026a0b4db3f8b8f53d2d93f397eb675529d Mon Sep 17 00:00:00 2001
From: Lee Cattarin <lee.cattarin@gmail.com>
Date: Sat, 27 Dec 2025 21:57:41 -0800
Subject: [PATCH] styling for nav stuff

---
 css/main.css | 59 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/css/main.css b/css/main.css
index 4885531..5d08aed 100644
--- a/css/main.css
+++ b/css/main.css
@@ -135,6 +135,52 @@ main > p {
   }
 }
 
+ul {
+  background-color: var(--color-alt);
+  padding: .5rem;
+  border-radius: 0 0 1rem 1rem;
+}
+
+main > ul {
+  margin-left: 2.5rem;
+}
+
+@media (max-width: 650px) {
+  main > ul {
+    margin-left: 1.25rem;
+  }
+}
+
+li {
+  line-height: 2rem;
+}
+
+nav {
+  margin: 0 auto 1rem;
+}
+
+nav a {
+  text-decoration: none;
+  font-size: 1.2rem;
+  color: var(--color-accent);
+  padding: 0 .25rem;
+  border: solid thin;
+  border-radius: .25rem;
+}
+
+@media (any-hover: hover) {
+  nav a:hover {
+    background-color: var(--color-accent);
+    color: var(--color-bg);
+  }
+}
+
+nav a:focus-visible {
+  outline: none;
+  background-color: var(--color-accent);
+  color: var(--color-bg);
+}
+
 footer {
   width: 95%;
   margin: 0 auto;
@@ -165,3 +211,16 @@ footer a:focus-visible {
   column-gap: 3rem;
   margin: 0 0 1rem;
 }
+
+#market-list {
+  display: flex;
+}
+
+#market-list li {
+  list-style: none;
+  font-size: 1rem;
+}
+
+#market-list li:not(:last-child)::after {
+  content: '⦿';
+}