feat: add variable font for roboto-mono

assets/css/fonts.css

@@ -1,16 +1,8 @@
 @font-face {
-    font-family: "Roboto Mono";
-    ascent-override: 100%;
-    font-weight: 400;
-    size-adjust: 105%;
-    font-stretch: 97.5% 112.5%;
-    src: local("Roboto Mono Regular"), url("/assets/fonts/roboto-mono-regular.woff2") format("woff2");
-}
-
-@font-face {
-    font-family: "Roboto Mono";
-    ascent-override: 100%;
-    size-adjust: 95%;
-    font-weight: 800;
-    src: local("Roboto Mono Bold"), url("/assets/fonts/roboto-mono-bold.woff2") format("woff2");
+	font-family: "Roboto Mono";
+	src: 
+		url("/assets/fonts/roboto-mono.woff2") format("woff2 supports variations"),
+		url("/assets/fonts/roboto-mono.woff2") format("woff2-variations")
+	;
+	font-weight: 100 900;
 }

assets/css/pages/index.css

@@ -152,12 +152,20 @@ splash::after {
 
 	.menu menu li:hover {
 		opacity: 1;
+		font-weight: 100;
 		text-shadow: 0 0 10px rgba(var(--primer-color-accent), .4);
 	}
 
 	button.email:hover {
 		background-color: transparent;
 	}
+
+	/* enable font-weight hover animation */
+	@media not (prefers-reduced-motion: reduce) {
+		.menu menu li {
+			transition: 200ms opacity, 200ms color, 300ms font-weight;
+		}
+	}
 }
 
 /* # Size quries */