@font-face {
	font-family: "PixelSquare";
	src: url("/PixelSquare.otf") format("opentype");
	font-weight: normal;
}

body {
	color: #0F0;
	background-color: transparent;
	font-family: "PixelSquare";
	font-size: 2em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

html {
/*    overflow: hidden;*/
	margin: 0;
	padding: 0;
	scrollbar-color: #0F0 #000;
	background-image: repeating-linear-gradient(#000, #000 2em, #020 2em, #020 4em);

	cursor: url("/cursor.png"), auto;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

::selection {
	color: #000000;
	background-color: #00BB00;
}

th {
	border-bottom: solid 2px #0F0;
	padding-bottom: calc(1em - 2px);
	text-align: left;
}

td {
	padding-right: 1em;
}

p {
	margin-top: 0;
}

pre {
	font-family: "PixelSquare";
	margin: 0;
}

h1, h2 {
	font-size: 2em;
	margin: 0.25em;
}

a {
	color: #00FF00;
	text-decoration-thickness: 0.1em;
	text-underline-offset: -0.15em;
	text-decoration-skip-ink: none;
	cursor: url("/point.png") 2 0, pointer;
}

ol {
	padding-left: 4em;
}

ul {
	list-style: none;
}

ul li:before {
	content: "]";
	padding-right: 1em;
	float: left;
}

a:hover {
	color: #00BB00;
}

b {
	font-weight: bolder;
	color: greenyellow;
}

hr {
	border-style: solid;
	border-color: #0F0;
	border-width: 2px;
	margin: calc(0.5em - 2px);
}

input, button, select {
	border: none;
	padding: 0px;
	margin: 0px;
	font-family: "PixelSquare";
	font-size: 1em;
	height: 1em;
	caret-color: #000;
	color: #000;
	background-color: #0F0;
}

input {
	cursor: url("/line.png") 4 15, text;
}

button, input[type="submit"], select {
	cursor: url("/point.png") 2 0, pointer;
}

input:focus, input:hover, button:focus, button:hover  {
	outline: none;
	box-shadow: none;
	background-color: greenyellow;
}

dialog {
	background-image: repeating-linear-gradient(#000, #000 1em, #020 1em, #020 2em);
	color: #0F0;
}

.noscroll {
	overflow: hidden;
	max-height: 100vh;
}

.vflex {
	display: flex;
	flex-direction: column;
}

.hflex {
	display: flex;
	flex-direction: row;
}

.console {
	overflow-y: scroll;
}

.expand {
	flex: 1;
}

.cover {
	width: 100vw;
	object-fit: cover;
}