@font-face {
  font-family: 'TurretRoad';
  src:  url('fonts/TurretRoad/TurretRoad-ExtraBold.ttf') format('truetype');
  font-style: normal;
}

html {
  background-color: whitesmoke;
  display: flex;
  justify-content: center;
  font-size: 200%;
  color: black;
  padding-top: 5%;
}

body {
  width: 62%;
  min-width: 800px;
  padding-top: 5%;
  background-image: url("data/stream.gif");
  background-repeat: no-repeat;
  background-size: auto 75%;
  line-height: 1.0;
}

body, input {
  font-family: 'TurretRoad';
  text-transform: uppercase;
}

form {
  background-color: white;
  font-size: 250%;
  padding: 1%;
}

input {
  font-size: 150%;
}

input[type=text] {
  width: 9ch;
}

input::placeholder {
  color: #cccccc;
}

input[type=submit] {
  background-color: white;
  border: none;
  outline: none;
  border-radius: 0;
  color: black;
}

input[type=submit]:hover {
  color: #cccccc;  
}

input[type=submit]:active {
  color: #cccccc;
  color: black;
}

label {
  display: block;
  font-size: 150%;
}

label[for=code] {
  /*float: left;*/
  display: inline;
  font-size: 150%;
}