From 8bb8137dfd3373d8371ec341e49181313020850c Mon Sep 17 00:00:00 2001
From: Cade Scroggins <git@cade.me>
Date: Mon, 9 Jan 2023 01:07:23 -0800
Subject: [PATCH] style tweaks

---
 index.html | 23 +++++++++--------------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 6acd678..8e36d2c 100644
--- a/index.html
+++ b/index.html
@@ -166,7 +166,7 @@
       Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
     --font-size-1: 1rem;
     --font-size-2: 3rem;
-    --font-size-base: clamp(90%, 1.4vw, 120%);
+    --font-size-base: clamp(15px, 1.4vw, 18px);
     --font-weight-bold: 700;
     --font-weight-normal: 400;
     --line-height-base: 1.4;
@@ -205,34 +205,29 @@
       justify-content: center;
       list-style: none;
       margin: 0 auto;
-      max-width: 55rem;
+      max-width: 54rem;
       padding: 0;
     }
 
     .command {
       color: var(--color-text-subtle);
       display: flex;
+      gap: var(--space-1);
       outline: 0;
       padding: var(--space-1);
       text-decoration: none;
-      transition: color var(--transition-speed);
-    }
-
-    li:last-of-type > .command {
-      color: var(--color-text);
-    }
-
-    .command:hover {
-      color: var(--color-text);
     }
 
     .key {
-      text-align: center;
-      width: 1ch;
+      transition: color var(--transition-speed);
+    }
+
+    .command:where(:focus, :hover) .key {
+      color: var(--color-text);
     }
 
     .name {
-      margin-left: var(--space-1);
+      color: var(--color-text);
     }
   </style>
   <nav>