body {
  background-color: #212121;
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  font-weight: bold;
}

#container {
  color: white;
  display: grid;
  grid-auto-columns: 50px;
  grid-auto-rows: 50px;
  grid-template-columns: repeat(1, 1fr);
  padding: 100px;
}

#button {
  grid-row: 4;
  padding-top: 50px;
  text-align: center;
}
#button input {
  font-size: 24px;
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  font-weight: bold;
}

.day {
  font-size: 30px;
  grid-row: 1;
  text-align: center;
}

.text {
  align-items: center;
  display: grid;
  grid-row: 2;
  grid-template-columns: repeat(15, 1fr);
}

.letter {
  border: 1px solid white;
  display: inline-block;
  font-size: 24px;
  text-align: center;
}

.bytes {
  align-items: center;
  display: grid;
  grid-row: 3;
  grid-template-columns: repeat(15, 1fr);
}

.byte {
  border: 1px solid white;
  display: inline-block;
  font-size: 16px;
  text-align: center;
}

.secret {
  color: #212121;
}