html {width: 100%;}
@font-face {
	font-family: Departure-Mono;
	src: url("../fonts/DepartureMono-Regular.woff2") format("woff2");
}
body {color: #00f91f; background-color: #252525; font-family: Departure-Mono;padding: 5%; font-size: 1rem;}
.col { column-count: 1;}
.singleCol {max-width: 1000px; margin-left:auto; margin-right: auto;}
a {color: #00bff9; text-decoration: none;}
a.info {color: #f9f600; text-decoration: none;}
a:hover {color: #252525; background-color: #00f91f;}
.table {white-space: pre; }
table {color: #00f91f;  border-spacing: 0;
	border-collapse: collapse;
width: 98%;margin-left: auto;margin-right: auto; font-size: .9rem; break-inside: avoid-column;}
td {border: 1px solid #00f91f;}
th {color: #252525; background-color: #00f91f;}
b {color: #f9f600;}
.sidebar {
	display: block;
	padding: 1rem;
	border: 1px solid #00bff9;

}
blockquote div {color:#00f91f;}
blockquote {color: #00bff9; margin:1rem;}
@media only screen and (min-width: 844px){
	.sidebar {
		display: block;
		float: right;
		width: 33%;
		padding: 1rem;
		border: 1px solid #00bff9;
		clear:right;
	}
.col {column-count: 2; font-size: 1rem;}	
}
@media only screen and (orientation:landscape) {
	.sidebar {
		display: block;
		float: right;
		width: 33%;
		padding: 1rem;
		border: 1px solid #00bff9;
		clear:right;
	}
.col {column-count: 2; font-size: 1rem;}	
}
@media only screen and (min-width: 1200px) {
.col {column-count: 3;font-size: 1rem;}
}
@media only print {
	body {color: #000; background-color: #fff; font-family: sans-serif;padding: 5%; font-size: 1rem; }
	.col {column-count: 3;}
	a {color: #000; text-decoration: none;}
	a.info {color: #008; text-decoration: none;}
	.table {white-space: pre; }
	table {color: #000;  border-spacing: 0;
		border-collapse: collapse;
	width: 98%;margin-left: auto;margin-right: auto; font-size: .9rem; break-inside: avoid-column;}
	td {border: 1px solid #000;}
	th {color: #fff; background-color:#000;}
	b {color: #008;}
}