* {
	--line-height: 18px;
	--display-mode: cols;
	--font-size-change: 1;
}

html {
	background-color: black;
}
html,
body {
	height: 100vh;
	height: 100dvh;
	width: 100vw;
	position: fixed;
	overflow: hidden;
}
body {
	font-size: 1em;
	box-sizing: content-box;
	margin: 0;
	font-family: Simple Console;
	color: rgb(200,200,200);
	font-weight: 400;
	line-height: var(--line-height);
	background-color: black;
}
pre {
	background-color: inherit;
	line-height: inherit;
	font-family: inherit;
	font-size: inherit;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	cursor: default !important;
}
a {
	text-decoration: none;
	color: rgb(240,240,240);
	display: inline;
	touch-action: manipulation;
	background-image: linear-gradient(rgb(240,240,240), rgb(240,240,240));
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 0% 1px;
	transition: background-size 0.25s ease;
}
a:hover {
	background-size: 100% 1px;
}
main {
	display: none;
}
@media only screen and (max-width: 50ch){
	body {
		--display-mode: rows;
		--font-size-change: 2;
		--line-height: 16px;
		font-size: 0.8em;
	}
}
canvas {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100vw !important;
	height: 100vh !important;
	height: 100dvh !important;
	z-index: 0;
}
.invisible {
	visibility: hidden;
}