main.css

html {
  background: #111721;
  color: #c4c8d4;
  font-family: Arial, sans-serif;
  font-size: 16px; }

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline; }

pre {
  margin: 0px;
  font-size: 14px; }

.content {
  margin: 0.5em;
  padding: 0.5em; }

.indent {
  margin-top: 5px;
  margin-bottom: 7px;
  margin-left: 22px; }

.small-indent {
  margin-left: 11px; }

.purple, dfn, a {
  color: #d179fa; }

.field {
  background: rgba(255, 255, 255, 0.08);
  align-self: stretch;
  margin: 0.7em;
  padding: 11px;
  border-radius: 7px; }

.input {
  background: #371d4a;
  color: #dfb9e3;
  border-radius: 6px;
  border: 3px outset #641b82;
  padding: 3px 8px; }

.hidden {
  display: none; }

.open-box {
  display: inline-block;
  min-width: 23px; }

.monospace {
  font-family: monospace; }

.center {
  text-align: center; }

.red {
  color: #d66; }

.bold {
  font-weight: bold; }

.invert-color {
  filter: invert(1);
  opacity: 0.7; }

.no-vertical-padding {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px; }

/*# sourceMappingURL=main.css.map */