/* code format */

.code-container {
  background-color: #1E1E1E; /* background */
}

.row.code-general {
    padding-top: 8px;
    padding-bottom: 10px;

    margin-top: 0px;
    margin-bottom: 8px;
    margin-right: 0px;
    margin-left: 4px;

    max-height: 420px;
    overflow-y: hidden;
}

.card.code-card {
    margin-left: 25px;
    width: 85%;
    overflow: hidden;
}

.card-body.code-container {
    padding-right: 6px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.code-general {
    margin-top: 2px;
    margin-bottom: 2px;
}

.code-container > div .mCustomScrollBox  {
  width: 100%;
}

/* code colors */
pre > code span {
  font-family: 'Inconsolata', monospace;
  color: #DCDCDC; /* general text */ /* off white */
}

code.code-text-general {
  font-family: 'Inconsolata', monospace;
  color: #DCDCDC; /* general text */ /* off white */
}

.code-container code span.system-keyword {
  color: #569CD6; /* system class */ /* blue */
}

.code-container code span.local-variable {
  color: #87CDF1; /* loop var */ /* light blue */
}

.code-container code span.function {
  color: #DCD699; /* function */ /* light yellow */
}

.code-container code span.conditional {
  color: #CFA0DE; /* function */ /* light purple */
}

.code-container code span.unity-keyword {
  color: #4EC9B0; /* keyword */ /* teal */
}

.code-container code span.constant-numeric{
  color: #B5CEA2; /* number */ /* light green */
}

.code-container code span.constant-string{
  color: #BB927D; /* string */ /* brownish tan */
}

.code-container code span.constant-template{
  color: #B5CEA2; /* number */ /* light green */
}

.code-container code span.commented-code{
  color: #57A64A; /* comment */ /* green */
}