body {
	background: center / contain no-repeat url(/shared/ulogbg.avif), black;
	background-attachment: fixed;
	margin: 0;

	color: white;
	text-align: center;
}

main {
	margin: 36vh auto 0 auto;
	max-width: 650px;
}

/* INLINE */
pre:has(code) {
	text-wrap: wrap;
	border: 1px solid white;
	border-radius: .5em;
}

pre code {
	border: none;
}

code {
	border: 1px solid gray;
	border-radius: .5em;
}

a {
	color: white;
	font-family: monospace;
	font-weight: bold;
	font-size: 1rem;
}

a:hover {
	color: lightgray;
}

a:active {
	color: gray;
}

/* FLOW */
.evil-fg {
	position: fixed;
	width: 100%;
	height: 100%;
	background: top / contain no-repeat url(/shared/ulogfg.avif);
	translate: 0 -36vh;
	pointer-events: none;
}

hr {
	border: none;
	border-top: 1px solid white;
}

ul, ol {
	padding: 0;
}

li::marker {
	content: none;
}

nav ul a {
	color: lightyellow;
	text-decoration-line: none;
	font-weight: normal;
}

nav ul a:visited {
	color: white;
}

/* RESPONSIVE */
@media only screen and (orientation: portrait) {
	body {
		background-size: cover;
	}
	.evil-fg {
		background-size: cover;
	}
}