:root {
    --accent: #ec6a88;
    --text: #e3e6ee;
    --bg: #003153;
    --bg-mid:#004170;
    --bg-light: #44465c;
    --cyan: #6be6e6;
    --grey: #9699b7;
    --red: #ec6a88;
    --green: #B6E7DF;
    --blue: #8DECF7;
    --yellow: #ffd620;
    --magenta: #b072d1;
}

.highlight {
    border: 1px solid var(--bg-light);
    background-color: var(--bg-mid);
    padding: 1.5rem;
    border-radius: 10px;
    align-self: start;
    font-size: 1rem
}

pre {
    overflow-x: auto;
    margin: 0; 
}

/* Error */  .err { color: var(--red)}
/* LineHighlight */  .hl { background-color: var(--bg)}
/* LineNumbersTable */  .lnt { color: var(--gray)}
/* LineNumbers */  .ln { color: var(--gray)}
/* Keyword */  .k { color: var(--magenta); }
/* KeywordConstant */  .kc { color: var(--yellow); }
/* KeywordDeclaration */  .kd { color: var(--magenta); }
/* KeywordNamespace */  .kn { color: var(--yellow); }
/* KeywordPseudo */  .kp { color: var(--yellow); }
/* KeywordReserved */  .kr { color: var(--yellow); }
/* KeywordType */  .kt { color: var(--blue); }
/* NameBuiltin */  .nb { color: var(--blue); }
/* Name */ .n { color: var(--cyan);}
/* NameTag */  .nt {  }
/* LiteralString */  .s { color: var(--green); }
/* LiteralStringAffix */  .sa { color: var(--green); }
/* LiteralStringBacktick */  .sb { color: var(--green); }
/* LiteralStringChar */  .sc { color: var(--green); }
/* LiteralStringDelimiter */  .dl { color: var(--green); }
/* LiteralStringDoc */  .sd { color: var(--green); }
/* LiteralStringDouble */  .s2 { color: var(--green); }
/* LiteralStringEscape */  .se { color: var(--text); }
/* LiteralStringHeredoc */  .sh { color: var(--green); }
/* LiteralStringInterpol */  .si { color: var(--green); }
/* LiteralStringOther */  .sx { color: var(--green); }
/* LiteralStringRegex */  .sr { color: var(--green); }
/* LiteralStringSingle */  .s1 { color: var(--green); }
/* LiteralStringSymbol */  .ss { color: var(--green); }
/* LiteralNumber */  .m { color: var(--orange); }
/* LiteralNumberBin */  .mb { color: var(--orange); }
/* LiteralNumberFloat */  .mf { color: var(--orange); }
/* LiteralNumberHex */  .mh { color: var(--orange); }
/* LiteralNumberInteger */  .mi { color: var(--orange); }
/* LiteralNumberIntegerLong */  .il { color: var(--orange);  }
/* LiteralNumberOct */  .mo { color: var(--orange); }
/* Comment */  .c { color: var(--magenta)}
/* CommentHashbang */  .ch { color: var(--magenta)}
/* CommentMultiline */  .cm { color: var(--magents)}
/* CommentSingle */  .c1 { color: var(--magenta)}
/* CommentSpecial */  .cs { color: var(--magenta)}
/* CommentPreproc */  .cp { color: var(--magenta); }
/* CommentPreprocFile */  .cpf { color: var(--magenta); }
/* GenericUnderline */  .gl { text-decoration: underline }