diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html
index 4070d32767..535402add4 100644
--- a/01 - JavaScript Drum Kit/index-START.html
+++ b/01 - JavaScript Drum Kit/index-START.html
@@ -58,7 +58,41 @@
diff --git a/01 - JavaScript Drum Kit/style.css b/01 - JavaScript Drum Kit/style.css
index 3e0a320b37..ddc0fa661b 100644
--- a/01 - JavaScript Drum Kit/style.css
+++ b/01 - JavaScript Drum Kit/style.css
@@ -23,7 +23,7 @@ body,html {
margin:1rem;
font-size: 1.5rem;
padding:1rem .5rem;
- transition:all .07s;
+ transition:all 0.07s;
width:100px;
text-align: center;
color:white;
@@ -32,11 +32,15 @@ body,html {
}
.playing {
- transform:scale(1.1);
+ transform:scale(1.3);
border-color:#ffc600;
box-shadow: 0 0 10px #ffc600;
}
+.boom {
+ transform: scale(2);
+}
+
kbd {
display: block;
font-size: 40px;
diff --git a/02 - JS + CSS Clock/index-START.html b/02 - JS + CSS Clock/index-START.html
index 240705d8fe..e039f70503 100644
--- a/02 - JS + CSS Clock/index-START.html
+++ b/02 - JS + CSS Clock/index-START.html
@@ -61,12 +61,70 @@
background:black;
position: absolute;
top:50%;
+ transform-origin: right;
+ }
+ .hour-hand {
+ height: 10px;
+ }
+ .min-hand {
+ height: 8px;
}