* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  background: #fff; color: #000;
  font-family: "Courier New", monospace;
  font-size: 15px; line-height: 1.5;
}
.terminal {
  max-width: 640px; margin: 40px auto; padding: 0 16px;
}
.terminal img { display: block; width: 120px; height: auto; margin: 0 auto; }
.wordmark { margin: 8px 0 24px; }
hr { border: none; border-top: 1px solid #000; margin: 16px 0; }
input {
  background: #fff; color: #000;
  border: 1px solid #000; border-radius: 0;
  font-family: inherit; font-size: inherit;
  padding: 2px 4px; text-transform: none;
}
a { color: #000; }
button, .btn {
  background: none; border: none; color: #000;
  font-family: inherit; font-size: inherit; cursor: pointer; padding: 0;
}
.hidden { display: none; }
.msg { margin-top: 12px; }
pre { margin: 0; font-family: inherit; }
.cursor::after { content: "_"; animation: blink 1s step-end infinite; }
@keyframes blink { 50% { opacity: 0; } }