/* pgs-cli stylesheet */
* {
  color: #DDD;
  font-family: 'Courier New', Courier, Monospace;
}

html, body,
div.container,
div.console-outer,
div.console-inner {
  height: 100%;
}

body { background: #191919; }

div.console-inner { overflow-y: auto; }

@media (max-width: 549px) {
  div.container {
    margin: 0px;
    padding: 0.4rem;
  }
}

@media (min-width: 550px) {
  body { background: #222; }

  div.container { padding-top: 2rem; }

  div.console-outer {
    background: #191919;
    height: 80%;
    padding: 2rem;
  }

  ::-webkit-scrollbar { width: 12px; }
  ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); }
  ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); }
}

/* Keep to 840px. 1200px is too wide. */
.container{ max-width: 840px }