* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 100%;
}
body {
  margin: 10px 20px;
  font-family: Helvetica, sans-serif;;
  font-weight: 400;
}
h1 {
  margin: 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #cfcfcf;
}
input[type="number"],
input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.button {
  background-color: rgb(0, 121, 211);
  border-color: rgb(0, 121, 211);
  border-style: solid;

  color: rgb(255, 255, 255);
  fill: rgb(255, 255, 255);
  
  border-radius: 4px;
  font-weight: 700;
  text-align: center;
  line-height: 24px;
}
.button:active {
  transform: translateY(2px);
}
.button:hover {
  background-color: rgb(50, 147, 219);
  border-color: rgb(50, 147, 219);
}