Play drum sound when clicking on the name

1 files changed, 25 insertions, 0 deletions

diff --git a/public/main.css b/public/main.css
index fbc37c4..134d92b 100644
--- a/public/main.css
+++ b/public/main.css
@@ -1,3 +1,5 @@
+/* Constants */
+
 :root {
   --color-block: lightgray;
   --color-block-checked: lightgreen;
@@ -9,6 +11,16 @@
   --spacing-elephant: 4rem;
 }
 
+/* Reset */
+
+ol {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+/* Styles */
+
 body {
   margin: var(--spacing-dog);
 }
@@ -36,8 +48,21 @@ body {
   gap: var(--spacing-dog);
 }
 
+.g-Sequencer__Grid {
+  display: flex;
+  gap: var(--spacing-cat);
+}
+
+.g-Sequencer__Sounds > li {
+  display: flex;
+  align-items: center;
+  height: var(--spacing-horse);
+  cursor: pointer;
+}
+
 .g-Sequencer__Blocks {
   display: flex;
+  align-items: center;
   gap: var(--spacing-cat);
 }