Tweak kbd styling

diff --git a/style.css b/style.css
index 863ab9b6bb8e2a82265bdaa47e0cef2871efd53c..a4308931c28412ed62c0f49fada70db6e46d8184 100644 (file)
--- a/style.css
+++ b/style.css
@@ -30,11 +30,15 @@ a:hover, a:focus {
 }
 
 kbd {
+  background: linear-gradient(180deg, hsl(0deg 0% 86%), hsl(0deg 0% 94%));
   font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
+  font-weight: bold;
   font-size: 0.75em;
-  padding-inline: 0.5em;
+  padding-block: 0.1em;
+  padding-inline: 0.3em;
   border: 1px solid;
-  background-color: hsl(0deg 0% 94%);
+  border-radius: 0.5em;
+  margin-inline: 0.2em;
 }
 
 .card-container {