body {
  display: flex;
  justify-content: center;
}

#frame {
  display: flex;
  justify-content: center;
  width: 18.7rem;
  border: .25rem solid black;
  border-radius: .25rem;
}

.top {
  clip-path: polygon(0% 0%, 100% 0%, 100% 48%, 0% 48%);
}

.bottom {
  clip-path: polygon(0% 52%, 100% 52%, 100% 100%, 0% 100%);
}

.dial {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: monospace;
  width: 5.6rem;
  height: 5.6rem;
  padding: .25rem;
  text-align: center;
  font-weight: bold;
  perspective: 20rem;
}

.dial span {
  position: absolute;
  background-color: black;
  color: white;
  padding: .5rem;
  font-size: 4rem;
  transition: all 400ms linear;
}