/* (X) DOES NOT MATTER, COSMETICS */
* {
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
}

/* Create three unequal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
 /* height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
#bmi-form input[type=text], #bmi-form input[type=number] {
  border: 1px solid #cfcfcf;
  padding: 5px;
}
#bmi-form input[type=number] { width: 40%; }
#bmi-form input[type=submit] {
  padding: 10px;
  border: 0;
  color: #fff;
  background: #3e5eb7;
  cursor: pointer;
}
#bmi-form {
  border: 1px solid #eee;
  background: #f2f2f2;
  padding: 20px;
  max-width: 400px;
}
#bmi-form .bmi-label {
  color: #00a8c3;
  font-weight: 700;
  margin: 10px 0;
}
#bmi-form .bmi-row {
  margin-bottom: 20px;
}