css: chord scale color when clicked + pointer when hovered.

1 files changed, 7 insertions, 0 deletions

diff --git a/main.css b/main.css
index fb89649..63acc02 100644
--- a/main.css
+++ b/main.css
@@ -80,11 +80,18 @@ body {
     text-align: center;
 }
 
+#key-picker .notes li.click1:before,
+#key-picker .notes li.click2:before,
+#key-picker .notes li.click3:before {
+    color: lightgrey;
+}
+
 #key-picker .notes li {
     display: grid;
     grid-row-start: 1;
     counter-increment: notes;
     text-align: center;
+    cursor: pointer;
 }
 
 #key-picker .chords {