more tweaks

site/src/routes/examples/index.svelte

@@ -23,11 +23,11 @@
 
 	h2 {
 		margin: 0 0 1em 0;
-		font: 600 var(--h6) var(--font);
+		font: 600 var(--h4) var(--font);
 		border-bottom: var(--border-w) solid #eee;
 		text-transform: uppercase;
 		letter-spacing: .05em;
-		padding: 0 0 0.5em 0;
+		padding: 0 0 0.2em 0;
 	}
 
 	section { margin: 0 0 4rem 0 }
@@ -38,7 +38,7 @@
 		align-items: center;
 		justify-content: center;
 		text-align: center;
-		font: 300 var(--h6) var(--font);
+		font: 300 var(--h5) var(--font);
 	}
 
 	.thumbnail {

site/src/routes/tutorial/[slug]/_components/TableOfContents.svelte

@@ -28,7 +28,7 @@
 
 	a {
 		display: block;
-		padding: 0.75em 0;
+		padding: 0.7em 0;
 		text-align: center;
 		opacity: 0.7;
 	}
@@ -38,7 +38,12 @@
 		opacity: 0.4;
 	}
 
-	span   { white-space: nowrap }
+	span {
+		white-space: nowrap;
+		position: relative;
+    	top: 0.3em;
+	}
+
 	strong { opacity: 0.7 }
 
 	select {

site/src/routes/tutorial/[slug]/index.svelte

@@ -201,6 +201,8 @@
 		background: rgba(255,255,255,.1);
 		padding: .2em .4em;
 		white-space: nowrap;
+		position: relative;
+		top: -0.1em;
 	}
 
 	.controls {