html {
  font-family: 'Open Sans', sans-serif;
  display: block;
  margin: 0px auto;
  text-align: center;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom right, #013c4a 0, #193e4c 44%, #004b5b 100%);
  color: #fff;
}

body {
  text-align: center;
  font-family: sans-serif;
  color: #fff;
}

select {
  width: 50%;
  padding: 0.7em;
  margin: 0.5em;
  font-size: 1em;
  text-align-last: center;
  text-align: center;
}

input[type=text] {
  width: 50%;
  padding: 0.7em;
  margin: 0.5em;
  font-size: 1em;
}

input[type=button] {
  background: #D3D3D3;
  color: #013c4a;
  font-weight: bold;
  width: 40%;
  padding: 0.7em;
  font-size: 1em;
}


#results {
  padding: 1em;
}

hr {
  width:50%;
  margin: auto;
  height:1px;
  border-width:0;
  color:gray;
  background-color:gray;
}