body {
  --base03: #002b36;
  --base02: #073642;
  --base01: #586e75;
  --base00: #657b83;
  --base0: #839496;
  --base1: #93a1a1;
  --base2: #eee8d5;
  --base3: #fdf6e3;
  --yellow: #b58900;
  --orange: #cb4b16;
  --red: #dc322f;
  --magenta: #d33682;
  --violet: #6c71c4;
  --blue: #268bd2;
  --cyan: #2aa198;
  --green: #859900; }

.terminal {
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 0 5px #ccc;
          box-shadow: 0 0 5px #ccc;
  margin-bottom: 25px; }
  .terminal .title-bar {
    background-color: #666;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ccc;
    border-width: 1px 1px 0 1px;
    -webkit-box-shadow: inset 0 20px 50px #fff;
            box-shadow: inset 0 20px 50px #fff;
    color: #555;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
    text-shadow: 0.5px 0.5px white; }
  .terminal .content {
    background-color: var(--base03);
    border: 1px solid var(--base1);
    border-top: none;
    -webkit-box-shadow: 0 0 1px 0.5px #333;
            box-shadow: 0 0 1px 0.5px #333;
    color: var(--base00);
    margin: 0 1px;
    overflow: hidden;
    padding: 8px; }
  .terminal pre {
    color: var(--base00);
    font-family: "Fira Mono", monospace;
    font-size: small;
    margin: 0; }
    .terminal pre.code {
      margin-left: 50px; }
    .terminal pre.line-numbers {
      background-color: var(--base02);
      float: left;
      padding: 0 10px; }
    .terminal pre .highlight {
      background-color: var(--base02);
      display: inline-block;
      width: 100%; }
  .terminal .yellow {
    color: var(--yellow); }
  .terminal .magenta {
    color: var(--magenta); }
  .terminal .blue {
    color: var(--blue); }
  .terminal .cursor {
    -webkit-animation: blink 1.5s steps(1, end) infinite;
            animation: blink 1.5s steps(1, end) infinite;
    font-weight: bold; }
@-webkit-keyframes blink {
  50% {
    opacity: 0; } }
@keyframes blink {
  50% {
    opacity: 0; } }
  .terminal .mode {
    background-color: var(--green);
    color: var(--base03);
    float: left; }
  .terminal .file-name {
    background-color: var(--base02);
    float: left; }
  .terminal .git-status {
    background-color: var(--base02);
    text-align: right; }