html, body {
  margin: 0;
  padding: 0;
  background: #111111;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 1.45;
}

.page {
  width: 84%;
  max-width: 900px;
  margin: 30px auto;
}

h1 {
  color: #f7c948;
  font-size: 38px;
}

h2 {
  font-size: 27px;
}

.status {
  color: #7ee787;
  font-weight: bold;
}

.box {
  margin: 24px 0;
  padding: 22px;
  border: 3px solid #666666;
  background: #222222;
}

.button {
  display: block;
  padding: 20px;
  border: 4px solid #ffffff;
  background: #b42318;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}

.button:focus, .button:hover {
  background: #e33b2e;
  color: #ffffff;
}

.button.secondary {
  background: #1769aa;
}

.note {
  color: #cccccc;
  font-size: 18px;
}