body {
  background-color: #1d1f21;
  color: #c5c8c6;
  font-family: "Inconsolata", monospace;
  font-size: 3.3vw;
  line-height: 1.3;
  margin: 20px;
}

@media (min-width: 600px) {
  body {
    font-size: 20px;
  }
}

a {
  color: currentColor;
  text-decoration: none;
}

abbr {
  border-bottom: 0;
  text-decoration: none;
}

[hidden] {
  display: none !important;
}

::-moz-selection {
  background-color: rgba(55, 59, 66, .8);
}

::selection {
  background-color: rgba(55, 59, 66, .8);
}

.row:hover {
  background-color: #282a2e;
}

.indent {
  border-left: 1px dotted #363839;
  position: relative;
  white-space: nowrap;
}

.indent::before,
.indent::after {
  background-color: #1d1f21;
  content: "";
  display: block;
  height: 5px;
  left: -1px;
  position: absolute;
  width: 1px;
}

.indent::before {
  top: 0;
}

.indent::after {
  bottom: 0;
}

.indent > div::before {
  content: "\00a0\00a0";
}

.gray {
  color: #6f7171;
}

.yellow {
  color: #f0c665;
}

.blue {
  color: #81a2c1;
}

.green {
  color: #a8bd58;
}

.red {
  color: #cb675e;
}

.orange {
  color: #de944d;
}

.seafoam {
  color: #8abeb7;
}