Move nav onto second header row. Improve colour contrast on colour scheme picker

src/_includes/base.njk

@@ -43,16 +43,7 @@
 	<body>
 		<header class="wrapper-lg row space-between">
 			<a href="/" class="site-title">LD</a>
-			<nav>
-				<ul class="row" role='list'>
-					<li><a href="/">Home</a></li>
-					<li><a href="/blog">Blog</a></li>
-					<li><a href="/blogroll">Blogroll</a></li>
-					<li><a href="/events/2024">Events</a></li>
-					<li><a href="/links">Links</a></li>
-				</ul>
-			</nav>
-
+			
 			<a href="/feed/" class="rss" aria-label="RSS feed">
 				<i class="fa-solid fa-rss"></i>
 			</a>
@@ -71,6 +62,16 @@
 					System
 				</label>
 			</fieldset>
+
+			<nav class="main-nav">
+				<ul class="row" role='list'>
+					<li><a href="/">Home</a></li>
+					<li><a href="/blog">Blog</a></li>
+					<li><a href="/blogroll">Blogroll</a></li>
+					<li><a href="/events/2024">Events</a></li>
+					<li><a href="/links">Links</a></li>
+				</ul>
+			</nav>
 		</header>
 		{{ content | safe }}
 		<footer>