/*@import url("/reset.css");*/

/* common variables */
:root {
	--fg: #eb0;
	--lfg: #fe8;
	--bg: #111;
	--size: 1.8vmax;
	--glow: 5px;
}

/* classes to override the above variables */
.green {
	--fg:  #0e0;
	--lfg: #8f8;
	
}
.red {
	--fg:  #e00;
	--lfg: #f88;
}
a.red {
	color: white;
}

/* styles and crap */
.absurd {
	text-shadow: 0 0 var(--glow) var(--fg), 0 0 var(--glow) var(--fg), 0 0 var(--glow) var(--fg), 0 0 var(--glow) var(--fg), 0 0 var(--glow) var(--fg), 0 0 var(--glow) var(--fg), 0 0 var(--glow) var(--fg), 0 0 var(--glow) var(--fg);
}
* {
	color: var(--fg);
	line-height: var(--size) !important;
	font-family: monospace !important;
	font-size: var(--size) !important;
	text-shadow: var(--fg) 0 0 var(--glow);
}
html {
	box-shadow: inset 0 0 10vmax color-mix(in oklab, var(--fg) 15%, transparent 100%)
}
body {
	background-color: var(--bg);
	margin: 0 auto;
	padding: 0;
	max-width: 43ch !important;
	min-height: 100vh;
}
pre {
	margin: 0;
	max-width: 43ch;
}
a,a>* {
	background-color: var(--fg);
	color: var(--bg);
	text-shadow: none;
	box-shadow: var(--fg) 0 0 var(--glow);
}
a>* {
	display: inline-block;
	box-shadow: none;
	background: none;
}
a:not(.small) {
	display: block;
	text-decoration: none;
}
a.small {
	display: inline-block;
}
a.chunky {
	padding: 1em 1ch;
}
a.big {
	width: 36ch !important;
	padding-left: 1ch;
	margin-left: 3ch;
}
a:hover {
	background-color: var(--lfg);
	box-shadow: var(--lfg) 0 0 var(--glow);
}

details {
	padding-left: 1ch;
	border-left: 1ch solid var(--lfg);
	margin-top: 1em;
}
summary {
	background-color: var(--fg);
	color: var(--bg);
	transform: translateX(-2ch);
	width: calc(1ch + 100%);
	list-style: none;
	padding-left: 1ch;
	text-shadow: none;
	box-shadow: var(--fg) 0 0 var(--glow);
}
details>summary:hover, details[open]>summary {
	background-color: var(--lfg);
	border-color: var(--lfg);
	box-shadow: var(--lfg) 0 0 var(--glow);
}
details[open]>summary::after{
	content: "*";
}
details>a:not(.small) {
	transform: translateX(-1ch);
	padding-left: 1ch;
	width: 100%;
}
details:hover, summary: hover {
	border-left: 1ch solid var(--lfg);
}

hr {
	height: 1em;
	background-color: var(--fg);
	margin: 0;
	border: none;
}
ul,ol {
	padding: 0;
}
li {
	list-style: "- ";
}
br {
	display: block;
	margin-top: 1em;
	content: "";
}