body {
  text-align: center;
  background: #193549;
  color: #fff;
  font-family: 'helvetica neue', sans-serif;
  font-weight: 100;
  font-size: 20px;
}

#image {
 margin-top: 50px;
 position: relative;
 z-index: 10;
}

.controls {
  overflow: hidden;
  position: relative;
  z-index: 99;
  width: 500px;
  margin: auto;
  border: 10px solid hsla(360, 50%, 100%, 0.3);
}

.red { color: red; }

label {
  display: flex;
  margin: 0 5%;
  width: 450px;
  margin: auto;
  justify-content: space-around;
  text-indent: 10px;
}

input {
  width: 100px;
  /*margin-left: 100px;*/
  text-align: right;
  margin: auto;
}

label:nth-last-of-type(odd) {
  background-color: hsla(360, 50%, 0%, 0.2);
}

label:nth-last-of-type(even) {
  background-color: hsla(360, 50%, 100%, 0.1);
}