:root {
  color-scheme: dark;
  --bg: #1e1e1e;
  --text:  #c1c1c1;
  --highlight1: #b887ff;
  --highlight2: #49dac6;
}

html {
  box-sizing: border-box;
  background-color: var(--bg);
  color: var(--text);
}

*, *:before, *:after {
  box-sizing: inherit;
}

.header {
  font-family: Georgia, serif;
  font-size: 18pt;
}

#content {
  font-family: monospace;
  font-size: 12pt;
}

::selection {
  background-color: var(--highlight1);
  color: var(--bg);
}

input {
  font-size: 18pt;
  font-family: monospace;
  width: 100%;
}

.variable {
    margin-left: 2em;
}