code {
	tab-size: 4;
	font-family: 'Courier New', Courier, monospace;
	font-size: 14px;
	color: black;
	background-color: lightgrey;
	border: 1px solid black;
	border-radius: 5px;
	padding: 2px 5px 0px;
	white-space: nowrap;
}

pre {
	color: white;
}

pre code {
	counter-reset: line 0;
	color: black;
	white-space: pre;
	display: block;
	background: lightgrey;
	border: 3px solid black;
	border-radius: 15px;
	overflow-x: scroll;
	max-width: 95%;
	min-width: 100px;
	padding: 5px 10px 5px;
	margin: auto;
}

@media (prefers-color-scheme: dark) {
	code {
		/*background-color: #2a2a2a;*/
		/*border-color: black;*/
		background-color: var(--codeblock);
		border-color: var(--accent);
		color: white;
	}
	pre code {
		background: #2a2a2a;
		background-color: var(--codeblock);
		border-color: var(--accent);
		color: var(--text);
	}
}

@media print {
	pre code > span > a::before {
		text-decoration: none;
	}
}

code span.al { color: #ff0000; } /* Alert */
code span.an { color: #008000; } /* Annotation */
code span.at { color: black; } /* Attribute */
code span.bu { color: black; } /* BuiltIn */
code span.cf { color: #0000ff; } /* ControlFlow */
code span.ch { color: #008080; } /* Char */
code span.cn { color: black; } /* Constant */
code span.co { color: #008000; } /* Comment */
code span.cv { color: #008000; } /* CommentVar */
code span.do { color: #008000; } /* Documentation */
code span.er { color: #ff0000; font-weight: bold; } /* Error */
code span.ex { color: black; } /* Extension */
code span.im { color: black; } /* Import */
code span.in { color: #008000; } /* Information */
code span.kw { color: #0000ff; } /* Keyword */
code span.op { color: black; } /* Operator */
code span.ot { color: #ff4000; } /* Other */
code span.pp { color: #ff4000; } /* Preprocessor */
code span.sc { color: #008080; } /* SpecialChar */
code span.ss { color: #008080; } /* SpecialString */
code span.st { color: #008080; } /* String */
code span.va { color: black; } /* Variable */
code span.vs { color: #008080; } /* VerbatimString */
code span.wa { color: #008000; font-weight: bold; } /* Warning */

@media (prefers-color-scheme: dark) {
	code span.al { color: #ffcfaf; } /* Alert */
	code span.an { color: #7f9f7f; font-weight: bold; } /* Annotation */
	code span.at { color: #f0f0f0; } /* Attribute */
	code span.bn { color: #dca3a3; } /* BaseN */
	code span.bu { color: #f0f0f0; } /* BuiltIn */
	code span.cf { color: #f0dfaf; } /* ControlFlow */
	code span.ch { color: #dca3a3; } /* Char */
	code span.cn { color: #dca3a3; font-weight: bold; } /* Constant */
	code span.co { color: #7f9f7f; } /* Comment */
	code span.cv { color: #7f9f7f; font-weight: bold; } /* CommentVar */
	code span.do { color: #7f9f7f; } /* Documentation */
	code span.dt { color: #dfdfbf; } /* DataType */
	code span.dv { color: #dcdccc; } /* DecVal */
	code span.er { color: #c3bf9f; } /* Error */
	code span.ex { color: #f0f0f0; } /* Extension */
	code span.fl { color: #c0bed1; } /* Float */
	code span.fu { color: #efef8f; } /* Function */
	code span.im { color: #f0f0f0; } /* Import */
	code span.in { color: #7f9f7f; font-weight: bold; } /* Information */
	code span.kw { color: #f0dfaf; } /* Keyword */
	code span.op { color: #f0efd0; } /* Operator */
	code span.ot { color: #efef8f; } /* Other */
	code span.pp { color: #ffcfaf; font-weight: bold; } /* Preprocessor */
	code span.sc { color: #dca3a3; } /* SpecialChar */
	code span.ss { color: #cc9393; } /* SpecialString */
	code span.st { color: #cc9393; } /* String */
	code span.va { color: #f0f0f0; } /* Variable */
	code span.vs { color: #cc9393; } /* VerbatimString */
	code span.wa { color: #7f9f7f; font-weight: bold; } /* Warning */
}