completed deliverable

clock.js

@@ -0,0 +1,19 @@
+let secondHand =
+document.getElementByld("second")
+let minuteHand =
+document.getElementByld("minute")
+let hourHand =
+document.getElementByld("hour")
+let degrees = 6
+setInterval (() =>{
+let date = new Date()
+let currentHour = date.getHours() * 30
+let currentMin = date.getMinutes() * degrees
+let currentSec = date.getSeconds() * degrees
+
+secondHand.style.transform =`rotate(${currentSec}deg)`
+minuteHand.style.transform =
+`rotate(${currentMin}deg)`
+hourHand.style.transform =
+`rotate(${(currentHour)+ (currentMin/22)}deg)`})
+

style.css

@@ -1,14 +1,31 @@
 #clock {
-}
+    justify-content: center;
+    display: flex;
+    position: relative;
 
-#clock img {
-}
-
-#hour {
-}
-
-#minute {
-}
-
-#second {
-}
+  }
+
+  #face {
+    position:absolute;
+    background-color: blueviolet;
+
+  }
+
+  #hour {
+      position: absolute;
+
+
+  }
+
+  #minute {
+      position: absolute;
+
+  }
+
+  #second {
+      position: absolute;
+  }
+
+  .rotate{
+      transform: rotate(45deg);
+  }