added outline styles for keyboard nav

app/main.css

@@ -13,6 +13,10 @@ a {
   text-decoration: none;
 }
 
+a:focus {
+  outline: 1px dotted grey;
+}
+
 body {
   background-image: url('../assets/bg.svg');
   background-position: center;
@@ -96,10 +100,6 @@ body {
   cursor: auto;
 }
 
-.delete:hover {
-  opacity: 0.7;
-}
-
 details {
   overflow: hidden;
 }
@@ -278,6 +278,12 @@ select {
   }
 }
 
+@variants focus {
+  .outline {
+    outline: 1px dotted grey;
+  }
+}
+
 .word-break-all {
   word-break: break-all;
 }