* {
  padding: 0;
  margin: 0;
  font-family: monospace;
  box-sizing: border-box;
}

body {
  height: 100vh;
}

.hammer-display {
  width: 95%;
  height: 50px;
  margin: 20px auto;
  background-color: rgb(180, 201, 193);
  padding: 20px;
}

.hammer-playground {
  width: 95%;
  height: 95%;
  margin: 20px auto;
  background-color: rgb(224, 241, 235);
  padding: 20px;
}

.knob {
  transform-origin: center;
  transform: rotate(30deg);
}