:root {
	color-scheme: dark;
}
::selection {
	color: #FFF;
	background-color: #050;
}
body {
	color: #DDD;
	background-color: #000;
	margin: 1em auto;
	max-width: 38em;
	padding: 0 .62em;
	font: 1.1em/1.62 sans-serif;
	overflow-wrap: break-word;
	text-rendering: optimizeLegibility;
	tab-size: 4;
}
@media print{
	body{
		max-width: none;
	}
}
h1 {
	text-align: center;
}
code {
	font-family: monospace, sans-serif;
	font-size: 0.9em;
	line-height: 1.1;
	font-weight: bold;
}
legend {
	font-weight: bold;
}

a       { color: #EEE; }
a:hover { color: lightblue; }

h1 a, h3 a, legend a { text-decoration: none; }

.good { color: #00C900; }
.meh { color: #FFC242; }
.bad { color: red; }
.dim { color: grey; }

.ja3:hover { color: #00C900; }
.hash { overflow-wrap: anywhere; }