bunch of stuff, idk, just throwing things at the wall

css/nav.css

@@ -1,16 +1,34 @@
 nav {
 	ul {
-		list-style: none;
 		margin: 0;
 		padding: 0;
-
-		ul {
-			display: none;
-		}
+		list-style: none;
 	}
 
 	> ul {
 		display: flex;
 		gap: 1rem;
 	}
+
+	label {
+		cursor: pointer;
+
+		input {
+			opacity: 0;
+			position: absolute;
+			pointer-events: none;
+		}
+
+		&:has(input:focus-visible) {
+			outline: thin solid currentColor;
+		}
+
+		+ ul {
+			display: none;
+		}
+
+		&:has(input:checked) + ul {
+			display: unset;
+		}
+	}
 }