/*body { text-align: center; }

#calculator {
  margin: 2rem auto;
  max-width: 20vw;
}*/

#depth-handle, #area-handle {
  width: 5rem;
  height: 1.6rem;
  top: 50%;
  margin-top: -0.8rem;
  margin-left: -2.5rem;   /* overhang fix */
  text-align: center;
  line-height: 1.6rem;
  background-color: rgba(120,120,200,0.25);
}

#totalMulch {
  border: none;
  text-align: center;
  font-size: 2rem;
  background-color: slategrey;
  color: white;
  padding: 10px 30px;
  max-width: 50%;
}