ore updates i don't wanna split this up lbr

css/home.css

@@ -1,15 +1,15 @@
-#ads {
+#listings {
 	columns: 3;
 }
 
 @media (max-width: 1050px) {
-	#ads {
+	#listings {
 		columns: 2;
 	}
 }
 
 @media (max-width: 650px) {
-	#ads {
+	#listings {
 		columns: 1;
 	}
 }
@@ -18,11 +18,11 @@
 #jump-links {
 	padding-bottom: 1rem;
 	margin-bottom: 1rem;
-	border-bottom: solid var(--color-purple);
+	border-bottom: solid var(--color-pink);
 }
 
 #jump-links h2,
-#category-list li {
+#jump-links li {
 	font-family: "Bebas Neue";
 	font-size: 1.3rem;
 	font-weight: normal;
@@ -32,12 +32,16 @@
 	display: inline;
 }
 
-#category-list li {
+#jump-links a {
+	text-decoration: none;
+}
+
+#jump-links li {
 	list-style: none;
   margin: 0;
 }
 
-#category-list li:not(:last-child)::after {
+#jump-links li:not(:last-child)::after {
 	content: "..." / "";
 }
 
@@ -45,8 +49,6 @@
 
 .category {
 	break-inside: avoid;
-	border-bottom: solid var(--color-purple);
-	margin-bottom: 1rem;
 }
 
 .category-title {
@@ -78,27 +80,26 @@
 .category-title h2 {
 	scroll-margin-top: 4rem;
 	font-family: "Bebas Neue";
+	margin: 0;
 }
 
 .category-title p {
 	text-align: right;
 	font-weight: bold;
+	margin: 0;
 }
 
-/* individual ads */
+/* individual listings */
 
-.ad {
+.listing {
 	margin-bottom: 1rem;
 }
-.ad:not(:last-child) {
-	border-bottom: thin solid var(--color-purple);
-	padding-bottom: 1rem;
-}
 
 .blurb {
 	margin-bottom: .5rem;
 }
-.blurb a {
+
+.blurb strong {
 	font-weight: bold;
 }
 

css/main.css

@@ -1,19 +1,21 @@
 :root {
 	color-scheme: light dark;
 
-	--color-dark: #222;
-	--color-light: #ddd;
-	--color-cyan-dark: #134947;
-	--color-cyan-light: #40c5be;
-	--color-purple-dark: #6007b1;
-	--color-purple-light: #ba99fe;
+	--color-dark: #2e303e;
+	--color-dark-alt: #3c3f52;
+	--color-light: #ebeeef;
+	--color-light-alt: #dbe1e3;
+	--color-cyan-dark: #18737b;
+	--color-cyan-light: #25b0bc;
+	--color-pink-dark: #94195d;
+	--color-pink-light: #ee9fcb;
 
 	--color-text: light-dark(var(--color-dark), var(--color-light));
 	--color-bg: light-dark(var(--color-light), var(--color-dark));
-	--color-gray: rgb(0 0 0 / 15%);
+	--color-gray: light-dark(var(--color-light-alt), var(--color-dark-alt));
 	--color-cyan: light-dark(var(--color-cyan-dark), var(--color-cyan-light));
 	--color-cyan-flipped: light-dark(var(--color-cyan-light), var(--color-cyan-dark));
-	--color-purple: light-dark(var(--color-purple-dark), var(--color-purple-light));
+	--color-pink: light-dark(var(--color-pink-dark), var(--color-pink-light));
 }
 
 * {
@@ -34,7 +36,7 @@ body {
 
 main {
 	padding-bottom: 2rem;
-	border-bottom: solid var(--color-purple);
+	border-bottom: solid var(--color-pink);
 }
 
 @media (max-width: 1050px) {
@@ -66,43 +68,36 @@ h1 {
 	}
 }
 
+h2 {
+	margin-bottom: 1rem;
+}
+
 h3 {
 	text-transform: capitalize;
 	margin-bottom: .5rem;
 }
 
+p {
+	margin-bottom: 1rem;
+}
+
 a {
 	color: var(--color-cyan);
 }
 
 a:visited {
-	color: var(--color-purple);
+	color: var(--color-pink);
 }
 
 main ul {
 	margin-left: 1rem;
+	margin-bottom: 1rem;
 }
 
 main li {
 	margin-left: 1rem;
 }
 
-footer {
-	padding: 1rem 0;
-}
-
-footer ul {
-	list-style: none;
-	display: flex;
-	justify-content: space-around;
-}
-
-footer li {
-	display: inline;
-	font-family: "Bebas Neue";
-	font-size: 1.15rem;
-}
-
 /* iframe is on submission page */
 iframe {
 	margin: 2rem 0;

css/nav.css

@@ -0,0 +1,40 @@
+nav {
+  margin: 1rem 25%;
+  text-align: center;
+  border-bottom: solid var(--color-pink);
+}
+
+nav a,
+footer li {
+  font-family: "Bebas Neue";
+  font-size: 1.3rem;
+}
+
+nav a {
+  text-decoration: none;
+}
+
+.wip {
+  margin: 1rem 0;
+  border: solid var(--color-cyan);
+  border-radius: .1rem;
+  padding: 1rem;
+}
+
+.wip p {
+  margin: 0;
+}
+
+footer {
+	padding: 1rem 0;
+}
+
+footer ul {
+	list-style: none;
+	display: flex;
+	justify-content: space-around;
+}
+
+footer li {
+	display: inline;
+}