#counterContent {
  position: relative;
  overflow: hidden;
}
#countDisplay {
  position: absolute;
  top: 110px;
  left: 50%;
  transform: translate(-50%);
  font-weight: 400;
  font-size: 90px;
  letter-spacing: 10px;
  pointer-events: none;
  z-index: 50;
}
#countControls {
  position: fixed;
  bottom: 120px;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  grid-template-areas: "plus plus" "zero minus";
  grid-row-gap: 10px;
  grid-column-gap: 140px;
  justify-items: center;
}
#countControls button {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.2s ease;
}
#countControls button:hover {
  transform: translateY(-2px);
}
#countControls button:active {
  transform: scale(0.92);
}
#plusBtn {
  grid-area: plus;
  width: 130px;
  height: 130px;
}
#plusBtn span {
  font-size: 70px;
}
#zeroBtn {
  grid-area: zero;
  width: 100px;
  height: 100px;
}
#zeroBtn span {
  font-size: 48px;
}
#minusBtn {
  grid-area: minus;
  width: 90px;
  height: 90px;
}
#minusBtn span {
  font-size: 48px;
}