.axe-x, .axe-y, .axe-z {
  display: block;
  position: absolute;
  font-size: 20px;
  color: #c4122f;
  width: 200px;
  white-space: nowrap;
}

.axe-x {
  text-align: right;
  top: 54px;
  left: 50%;
  transform: translateX(-370px);
}

.axe-y {
  text-align: left;
  top: 54px;
  left: 50%;
  transform: translateX(180px);
}

.axe-z {
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  text-align: center;
}