span#scale {
  position: absolute;
  left: 50%;
  top: 45%;
  font-size: 38px;
  font-weight: 600;
  transform: translate(-50%, -50%);
  color: #555;
}

.scale-info {
  position: absolute;
  left: 50%;
  top: 62%;
  font-size: 12px;
  font-weight: lighter;
  transform: translate(-50%, -50%);
  text-transform: capitalize;
  color: #555;
}

.canvas-wrap {
  position: relative;
  width: 280px;
  height: 280px;
}

#canvas {
  height: 280px;
  transform: rotate(-90deg);
  width: 280px;
}

.threshold-value {
  position: absolute;
  left: 50%;
  top: 68%;
  font-size: 13px;
  font-weight: bolder;
  transform: translate(-50%, -50%);
  color: #555;
}