pre {
    padding: 0 !important;
    border-radius: 10px;
}
pre code.hljs {
	display: block;
	overflow-x: auto;
	padding: 2em;
}
code.hljs {
	padding: 3px 5px;
} 

/* Scrollbar */
#css-output pre::-webkit-scrollbar{
   width: 1px;

 }
 /* Track */
#css-output pre::-webkit-scrollbar-track {
   background: #282C34;
   border-radius: 10px;
   width: 5px;
}
/*  */
#css-output pre::-webkit-scrollbar-thumb {
   background: #323842;
   border-radius: 10px;
   width: 5px;
}

#css-output pre::-webkit-scrollbar-thumb:hover {
   background: #484f5c;
   border-radius: 5px;
   width: 5px;
}


.hljs-comment,
.hljs-meta {
	color: #565f89;
}
.hljs-deletion,
.hljs-doctag,
.hljs-regexp,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id,
.hljs-selector-pseudo,
.hljs-tag,
.hljs-template-tag,
.hljs-variable.language_ {
	color: #e676f7;
}
.hljs-link,
.hljs-literal,
.hljs-number,
.hljs-params,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
	color: #ff9e64;
}
.hljs-attribute,
.hljs-built_in {
	color: #8eb2f7;
}
.hljs-keyword,
.hljs-property,
.hljs-subst,
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
	color: #7dcfff;
}
.hljs-selector-tag {
	color: #73daca;
}
.hljs-addition,
.hljs-bullet,
.hljs-quote,
.hljs-string,
.hljs-symbol {
	color: #9ece6a;
}
.hljs-code,
.hljs-formula,
.hljs-section {
	color: #7aa2f7;
}
.hljs-attr,
.hljs-char.escape_,
.hljs-keyword,
.hljs-name,
.hljs-operator {
	color: #bb9af7;
}
.hljs-punctuation {
	color: #c0caf5;
}
.hljs {
	background: #282C34;
	color: #abb2b2;
}
.hljs-emphasis {
	font-style: italic;
}
.hljs-strong {
	font-weight: 700;
}