body {
  background-color: black;
  color: white;
  text-align: center;
  font-family: 'Source Code Pro', monospace;
}

.terminal {
  border-style: solid;
  border-color: white;
  border-width: .1em;
}

table {
  text-align: left;
}


.fw {
  color: white;
}
.fr {
  color: red;
}
.fg {
  color: green;
}
.fb {
  color: blue;
}
.fc {
  color: cyan;
}
.fm {
  color: magenta;
}
.fy {
  color: yellow;
}
.fx {
  color: black;
}


.bw {
  background-color: white;
}
.br {
  background-color: red;
}
.bg {
  background-color: green;
}
.bb {
  background-color: blue;
}
.bc {
  background-color: cyan;
}
.bm {
  background-color: magenta;
}
.by {
  background-color: yellow;
}
.bx {
  background-color: black;
}


/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;

}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: inherit;
    background-color: black;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 2px;
    border-color: white;
    border-style: solid;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}