.com { color: #93a1a1; }

.lit { color: #195f91; }

.pun, .opn, .clo { color: #93a1a1; }

.fun { color: #dc322f; }

.str, .atv { color: #D14; }

.kwd, .linenums .tag { color: #1e347b; }

.typ, .atn, .dec, .var { color: teal; }

.pln { color: #48484c; }



.prettyprint {

  padding: 8px;

  background-color: #f7f7f9;

  border: 1px solid #e1e1e8;

}

.prettyprint.linenums {

  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;

     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;

          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;

}





ol.linenums {

  margin: 0 0 0 33px; 

} 

ol.linenums li {

  padding-left: 12px;

  color: #bebec5;

  line-height: 18px;

  text-shadow: 0 1px 0 #fff;

}

code, pre {

  padding: 0 3px 2px;

  font-family: Menlo, Monaco, "Courier New", monospace;

  font-size: 12px;

  color: #333333;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

code {

  padding: 3px 4px;

  color: #d14;

  background-color: #f7f7f9;

  border: 1px solid #E1E1E8;

  border-image: initial;

}

pre {

  display: block;

  padding: 8.5px;

  margin: 0 0 9px;

  font-size: 12px;

  line-height: 18px;

  background-color: #f5f5f5;

  border: 1px solid #ccc;

  border: 1px solid rgba(0, 0, 0, 0.15);

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  white-space: pre;

  white-space: pre-wrap;

  word-break: break-all;

}

pre.prettyprint {

  margin-bottom: 18px;

}

pre code {

  padding: 0;

  background-color: transparent;

}

