HTML {
	background-color: #38a038;
	margin: auto;
	margin-top: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 16;
	box-sizing: border-box;
}

@font-face {
	font-family: "Arcade";
	src: url("index.eot");
	src: url("index.eot?#iefix")format("embedded-opentype"),
		url("index.woff")format("woff"),
		url("index.woff2")format("woff2"),
		url("index.ttf")format("truetype"),
		url("index.svg#Arcade")format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* classic CoCo text screen: black characters on a green field */
body {
	font-family: 'Arcade';
	justify-content: center;
	margin: 0.5em;
	padding: 0.5em;
	color: #000;
	background-color: #38a038;
}

a:link    { color: #000; }
a:visited { color: #000; }
a:hover   { color: #003000; }
a:active  { color: #000; }

H1 {
	margin-left: auto;
	margin-right: auto;
	font-size: 4vw;
	width: 100%;
}

UL {
	margin: 1em;
	padding: 0;
}

LI {
	padding-bottom: 0.6em;
	font-size: 3vw;
}