:root {
  --bg: #282828;
  --panel: #32302f;
  --text: #ebdbb2;
  --muted: #a89984;
  --green: #b8bb26;
  --aqua: #8ec07c;
  --orange: #fe8019;
  --border: rgba(251, 241, 199, 0.14);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: "JetBrains Mono", "Fira Code", "IBM Plex Mono", "Cascadia Code",
    "SFMono-Regular", Menlo, Consolas, monospace;
  padding: 1rem 1.25rem;
}

.terminal-card {
  max-width: 48rem;
}

.cmd,
.out {
  margin: 0;
  line-height: 1.5;
}

.cmd {
  margin-top: 0.6rem;
  color: var(--muted);
}

.cmd:first-child {
  margin-top: 0;
}

.prompt {
  color: var(--green);
}

.out {
  padding-left: 1.1rem;
}

a {
  color: var(--aqua);
  text-decoration: none;
}

a:hover {
  color: var(--orange);
}