@import url(https://fonts.googleapis.com/css?family=Abel|Source+Code+Pro&display=swap);

body, html {
  height: 100%;
  overflow: hidden;
}

body {
  background-color: #2c2c2c;
  font-family: "Abel";
  margin: 0;
}

.terminal {
  height: 100%;
  padding: 24px;
}

#terminal {
  height: 100%;
}

/* Headings that are present for screen readers and search engines but take up
   no visual space. Preferred over display:none, which assistive tech skips and
   search engines discount. */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

:root {
  --brand-bg-color: #2c2c2c;
  --brand-txt-color: #fff;
  --brand-link-color: #fff;
}