/* Prism tokens in the "monokai" colours. */
pre { line-height: 125%; tab-size: 4; }
pre, .code-block { background: #272822; color: #F8F8F2 }

pre .token.comment,
pre .token.prolog,
pre .token.doctype,
pre .token.cdata { color: #959077 }

pre .token.punctuation,
pre .token.namespace,
pre .token.variable { color: #F8F8F2 }

pre .token.keyword,
pre .token.boolean,
pre .token.constant { color: #66D9EF }

pre .token.number,
pre .token.entity,
pre .token.escape { color: #AE81FF }

pre .token.string,
pre .token.char,
pre .token.attr-value,
pre .token.template-string,
pre .token.regex,
pre .token.url { color: #E6DB74 }

pre .token.function,
pre .token.class-name,
pre .token.attr-name,
pre .token.builtin,
pre .token.selector,
pre .token.inserted { color: #A6E22E }

pre .token.operator,
pre .token.tag,
pre .token.property,
pre .token.important,
pre .token.deleted { color: #FF4689 }

/* Brackets inside tags (<, />) read as part of the tag. */
pre .token.tag .token.punctuation { color: #F8F8F2 }
pre .token.tag .token.attr-name { color: #A6E22E }
pre .token.tag .token.attr-value { color: #E6DB74 }
pre .token.tag .token.attr-value .token.punctuation { color: #E6DB74 }

pre .token.bold { font-weight: bold }
pre .token.italic { font-style: italic }