/*
Background #1f1f1f
Light blue #9cdcfe
Dark blue #569cd6
Orange #ccba7d
Red #ce9178
Green #6a8a36
Light Green #b5cea8 
Turqoise #4ec9b0
White #cccccc
Pink #c586c0
Light Grey #808080
*/
:root {
    --white: #ffffff;
    --black: #000000;

    /* New colours */
    --header-bg: #000111;
    --banner-bg: #000b21;
    --navy-blue-bg: #02111e;
    --turqoise-logo: #37c5bd;
    --turqoise: #40ddd5;
    --turqoise-shadow: #2ea39d;
    --turqoise-headings: #2cd5cc;
    --blue: #20a8e4;
    --logo-blue: #11b3fa;
    --orange: #ffb94a;

}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}

code.hljs {
  padding: 3px 5px;
}
/* end baseline CSS */

.hljs {
  background: var(--banner-bg);
  color: #cccccc;
}

/* Base color: saturation 0; */

.hljs-subst {
  /* default */
}

/* purposely ignored */
.hljs-formula,
.hljs-attr,
.hljs-property,
.hljs-params {
  color: #9cdcfe;
}

.hljs-comment {
  color: #808080;
}
.hljs-tag,
.hljs-punctuation {
  color: #808080;
}

.hljs-tag .hljs-name {
  color: #569cd6;
}

.hljs-tag .hljs-attr {
  color: #9cdcfe;
}


.hljs-keyword,
.hljs-attribute,
.hljs-selector-tag,
.hljs-meta .hljs-keyword,
.hljs-doctag,
.hljs-name {
  font-weight: bold;
}

.hljs-keyword {
  color: #569cd6;
}

.hljs-doctag {
  color: #569cd6;
}


/* User color: hue: 0 */

.hljs-type,
.hljs-string,
.hljs-number,
.hljs-selector-id,
.hljs-selector-class,
.hljs-quote,
.hljs-template-tag,
.hljs-deletion {
  color: #ce9178;
}

.hljs-title,
.hljs-section {
  color: #ce9178;
  font-weight: bold;
}

.hljs-title._class {
  color: #4ec9b0;
}

.hljs-title.function_ {
  color: #ccba7d;
}

.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr,
.hljs-operator,
.hljs-selector-pseudo {
  color: #9cdcfe;
}

.hljs-regexp {
  color: #c586c0;
}

/* Language color: hue: 90; */

.hljs-literal {
  color: #569cd6;
}

.hljs-built_in,
.hljs-bullet,
.hljs-code,
.hljs-addition {
  color: #4ec9b0;
}


/* Meta color: hue: 200 */

.hljs-meta {
  color: #1f7199;
}

.hljs-meta .hljs-string {
  color: #38a;
}


/* Misc effects */

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}