body {
  margin: 0;
  min-height: 100vh;
  background: #100f0f;
  color: #fffcf0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
  color: #d0a215;
}

#container {
  width: min(720px, calc(100% - 32px));
  margin: 48px auto;
  padding: 32px;
  background: #1c1b1a;
  border: 1px solid #343331;
  border-radius: 8px;
}

.alert {
  margin-bottom: 20px;
  padding: 12px 14px;
  border-radius: 6px;
}

.alert-info {
  background: rgba(102, 128, 11, 0.18);
  border: 1px solid rgba(102, 128, 11, 0.45);
}

input[type="submit"],
button,
.btn {
  display: inline-block;
  min-height: 40px;
  padding: 9px 16px;
  border: 0;
  border-radius: 6px;
  background: #66800b;
  color: #fffcf0;
  font: inherit;
  cursor: pointer;
}

input[type="submit"]:hover,
button:hover,
.btn:hover {
  background: #879a39;
}

form {
  margin: 16px 0;
}

ul {
  padding-left: 20px;
}