:root {
	--darkblue: #46425e;
	--darkgreen: #15788c;
	--midgreen: #00b9be;
	--midyellow: #ffeecc;
	--midred: #ffb0a3;
	--darkred: #ff6973;
}

@font-face {
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 400;
	src: local("IBM Plex Mono"), local("IBMPlexMono"), url("fonts/IBMPlexMono-Regular.woff2") format("woff2");
}
	
body {
	background-color: var(--darkblue);
	color: var(--midyellow);
	margin: 1% auto;
	font-family: "IBM Plex Mono", "Fira Code", "Courier New", monospace;
	/*font-size: 4.0vw;*/
	max-width: 800px;

}

div {
	background-color: var(--darkgreen);
	padding: 0.5em;
	border: 0.5em;
	border-radius: 0.5em;
	box-shadow: 0.5em 0.5em 0.1px;
	margin: 1em 0.5em 2em 0.5em;
	/*white-space: pre;	*/
}

h3 {
	font-size: 16px;
}

table {
	text-align: center;
	border-spacing: 0.0em 3.0em 0.0em 3.0em;
	/*border: 1em solid var(--midgreen);*/
	border-collapse: collapse;
	/*padding: 5em;	*/
}

table td {
	border-left: 1px solid var(--midgreen);
	padding: 0em 0.5em;
}

table td:first-child {
	border-left: none;
}

table tr:hover {
	background-color: var(--midgreen);
}