code[class*=language-],
pre[class*=language-] {
  color:#000;
  background:0 0;
  font-family:'Niramit', sans-serif;
  font-size:1em;
  text-align:left;
  white-space:pre;
  word-spacing:normal;
  word-break:normal;
  word-wrap:normal;
  line-height:1.5;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  -webkit-hyphens:none;
  -moz-hyphens:none;
  -ms-hyphens:none;
  hyphens:none
}
pre[class*=language-] {
  position:relative;
  margin:.5em 0;
  overflow:visible;
  padding:1px
}
pre[class*=language-]>code {
  position:relative;
  z-index:1;
  background-color:#fdfdfd;
  background-image:linear-gradient(transparent 50%,rgba(69,142,209,.04) 50%);
  background-size:3em 3em;
  background-origin:content-box;
  background-attachment:local
}
code[class*=language-] {
  max-height:inherit;
  height:inherit;
  padding:0 1em;
  display:block;
  overflow:auto
}
:not(pre)>code[class*=language-],
pre[class*=language-] {
  background-color:#fdfdfd;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin-bottom:1em
}
:not(pre)>code[class*=language-] {
  position:relative;
  padding:.2em;
  border-radius:.3em;
  color:#c92c2c;
  border:1px solid rgba(0,0,0,.1);
  display:inline;
  white-space:normal
}

pre[class*=language-]:after {
  right:.75em;
  left:auto;
  -webkit-transform:rotate(2deg);
  -moz-transform:rotate(2deg);
  -ms-transform:rotate(2deg);
  -o-transform:rotate(2deg);
  transform:rotate(2deg)
}
.token.block-comment,
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
  color: #07dc07 
}
.token.punctuation {
  color:#5f6364
}
.token.boolean,
.token.constant,
.token.deleted,
.token.function-name,
.token.number,
.token.property,
.token.symbol,
.token.tag {
  color:#e83939
}
.token.attr-name,
.token.builtin,
.token.char,
.token.function,
.token.inserted,
.token.selector,
.token.string {
  color:#c0c259
}
.token.entity,
.token.operator,
.token.url,
.token.variable {
  color:#d881ed;
}
.token.atrule,
.token.attr-value,
.token.class-name,
.token.keyword {
  color:#1fa8d6
}
.token.important,
.token.regex {
  color:#e90
}
.language-css .token.string,
.style .token.string {
  color:#ca9b6c;
  background:rgba(255,255,255,.5)
}
.token.important {
  font-weight:400
}
.token.bold {
  font-weight:700
}
.token.italic {
  font-style:italic
}
.token.entity {
  cursor:help
}
.token.namespace {
  opacity:.7
}
@media screen and (max-width:767px) {
  pre[class*=language-]:after,
  pre[class*=language-]:before {
    bottom:14px;
    box-shadow:none
  }
}
pre[class*=language-].line-numbers.line-numbers {
  padding-left:0
}
pre[class*=language-].line-numbers.line-numbers code {
  padding-left:3.8em
}
pre[class*=language-].line-numbers.line-numbers .line-numbers-rows {
  left:0
}
pre[class*=language-][data-line] {
  padding-top:0;
  padding-bottom:0;
  padding-left:0
}
pre[data-line] code {
  position:relative;
  padding-left:4em
}
pre .line-highlight {
  margin-top:0
}