html {
	--s: 5em;
	--c1: #5848;
	--_g: var(--c1) 25% 50%, #0000 0 100%;
	background: repeating-conic-gradient(at 70% 80%, var(--_g));
	background-size: var(--s) var(--s);
}

ul{
	list-style-type: square;
}

li {
	margin: .5em;
	padding: .5em;
	width: fit-content;
	background: #000;
}

h1 {
	padding: 0.3em;
	margin: 0.7em;
	font-size: 200%;
	color: #ffff00;
	letter-spacing: 0.1em;
	width: fit-content;
	background-color: #003;
	border: 1px solid #fff;
}

h2 {
	font-size: 140%;
	letter-spacing: 0.3em;
	color: #fff;
	background-color: #000;
	margin: 0.7em;
	padding: 2em;
	font-family: monospace, monospace;
	text-align: center;
}
h2::before, h2::after {
	color: #bbffaa;
	font-family: monospace;
}
h2::before {
	content: "-+*# ";
}
h2::after {
	content: " #*+-";
}