  width: 50%;
      height: 4px;
      background: black;
      position: absolute;
      top: 50%;
      transform-origin: 100%;
      transform: rotate(90deg);
	  border-radius: 4px;
      transition: all 0.05s;
      transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);
    }

	.hour-hand {
		width: 40%;
		height: 10px;
		position: absolute;
		right: 50%;
	}

	.min-hand {
		height: 6px;

	}
</style>

<script>
  const secondHand = document.querySelector('.second-hand');
  const minsHand = document.