.code-main pre code {
	display: block;
	overflow-x: auto;
	padding: 8px 12px;
}

.code-main code {
	padding: 3px 5px;
}

.hljs {
	color: #2A2A2A;
	background: #FFFFFF;
}

.hljs::selection,
.hljs ::selection {
	background-color: #CCE0FF;
	color: #000000;
}

.hljs-selector-class {
	color: #1a4293;
}

.hljs-comment {
	color: #6E6E6E;
	font-style: italic;
}

.hljs-tag {
	color: #555555;
}

.hljs-subst,
.hljs-punctuation,
.hljs-operator {
	color: #333333;
}

.hljs-operator {
	opacity: 0.7;
}

.hljs-bullet,
.hljs-variable,
.hljs-template-variable,
.hljs-selector-tag,
.hljs-name,
.hljs-deletion {
	color: #B00020;
}

.hljs-symbol,
.hljs-number,
.hljs-link,
.hljs-attr,
.hljs-variable.constant_,
.hljs-literal {
	color: #C04E00;
}

.hljs-title,
.hljs-class .hljs-title,
.hljs-title.class_ {
	color: #9A6700;
}

.hljs-strong {
	font-weight: bold;
	color: #8D6E00;
}

.hljs-code,
.hljs-addition,
.hljs-title.class_.inherited__,
.hljs-string {
	color: #0F7D00;
}

.hljs-built_in,
.hljs-doctag,
.hljs-quote,
.hljs-keyword.hljs-atrule,
.hljs-regexp {
	color: #2346A0;
}

.hljs-function .hljs-title,
.hljs-attribute,
.ruby .hljs-property,
.hljs-title.function_,
.hljs-section {
	color: #3A7127;
}

.hljs-type,
.hljs-template-tag,
.diff .hljs-meta,
.hljs-keyword {
	color: #72009F;
}

.hljs-emphasis {
	color: #8C2799;
	font-style: italic;
}

.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-meta .hljs-string {
	color: #006799;
}

.hljs-meta-keyword {
	font-weight: bold;
}