@charset "utf-8";

/* code for selecting all of a code box */
pre.codeBlock {
	user-select: all;
	display: block;
}
@keyframes select {
	to {
		user-select: text;
	}
}


/* general styling */
pre.codeBlock{
	tab-size: 2;
	margin: 0.5em auto;
	overflow-x: auto;
	padding: 0.2em 0.5em;
	border-width: 0.09em;
	border-style: solid;
	border-color: green;
	border-radius: 0.25em;
	max-height: 32em;
	width:96%;
	color: light-dark(#383a42, #abb2bf);
	background: light-dark(#FBFCE6, #131315);
}

pre.codeBlock:focus {
	border: 2px dashed;
	outline: none;
	animation: select 100ms step-end forwards;
}

pre.codeBlock code{
	background-color: inherit;
	font-family: "Consolas", "Courier New", Courier, monospace, monospace;
}

:is(pre.codeBlock) :is( .comment, .quote) {
	color: light-dark(#a0a1a7, #5c6370);
	font-style: italic;
}
:is(pre.codeBlock) :is( .doctag, .formula) {
	color: light-dark(#c40000, #c678dd);
}
:is(pre.codeBlock) :is( .keyword) { 
	color: light-dark(#c40000, red);
}
:is(pre.codeBlock) :is( .section, .name, .selector-tag, .deletion, .subst) {
	color: light-dark(#e45649, #e06c75);
}
pre.codeBlock .literal {
	color: light-dark(#0184bb, #56b6c2);
}
:is(pre.codeBlock) :is( .string, .regexp, .addition, .attribute, .meta .string) {
	color: light-dark(#339ab6, #98c379);
}
:is(pre.codeBlock) :is( .variable, .template-variable, .type, .selector-attr, .selector-pseudo, .number) {
	color: light-dark(red, #d19a66);
}
pre.codeBlock .attr {
	color: light-dark(darkgreen, #06ca06);
}
pre.codeBlock .selector-class {
	color: light-dark(blue, red);
}

:is(pre.codeBlock) :is( .symbol, .bullet, .link, .meta, .selector-id, .title) {
	color: light-dark(#534fff, #61aeee);
}
:is(pre.codeBlock) :is( .built_in, .title.class_, .class .title) {
	color: light-dark(#c18401, #e6c07b);
}
pre.codeBlock .emphasis {
	font-style: italic;
}
pre.codeBlock .strong {
	font-weight: bold;
}
pre.codeBlock .link {
	text-decoration: underline;
}