More HTML5-compliant semantic layout

sass/style.scss

@@ -41,7 +41,7 @@
 	/* Do not let wide blocks, such as pre, expand the column and overflow */
 	&>*{ min-width: 0 }
 
-	& aside>*:first-child,
+	& nav>*:first-child,
 	& main>*:first-child,
 	& main>article:first-child h2
 	{ padding-top: 0; margin-top: 0; }
@@ -73,10 +73,10 @@ header {
 	.title { font-size: 1.5em; }
 	.title:hover { text-decoration: none }
 
-	nav { font-size: 1rem }
+	.links { font-size: 1rem }
 }
 
-aside {
+nav {
 	margin-bottom: 4rem;
 
 	span.title {
@@ -200,9 +200,9 @@ a {
 
 	.grid { grid-template-columns: auto }
 
-	aside {
+	nav {
 		ul { display: none }
-		ul.nav {
+		ul.main {
 			display: flex;
 			justify-content: center;
 			flex-wrap: wrap;
@@ -211,7 +211,7 @@ a {
 		span.title { display: none }
 	}
 
-	header, aside { margin-bottom: 3rem }
+	header, nav { margin-bottom: 3rem }
 }
 
 @media (prefers-color-scheme: dark) {
@@ -225,7 +225,7 @@ a {
 		color: inherit;
 	}
 
-	aside ul li a {
+	nav ul li a {
 		color: inherit;
 
 		&:hover {