:root {
	--color-primary: #27c;
	--color-secondary: #abc;
	--color-red: #c11;
	--color-orange: #e71;
	--color-text: #ddd;
	--color-link: #88f;
	--color-link-visited: #faf;
	--color-background: #000;
	--color-shadowed: #222;
	--dropshadow: 0 0 0.25in 0 #444;
}
@media (prefers-color-scheme: light) {
	:root {
		--color-primary: #38d;
		--color-secondary: #345;
		--color-red: #e33;
		--color-orange: #e81;
		--color-text: #000;
		--color-link: #00f;
		--color-link-visited: #529;
		--color-background: #fff;
		--color-shadowed: #ddd;
		--dropshadow: 0 0 0.25in 0 #bbb;
	}
}

.gridCols2	{ grid-column: span 2; }
.gridCols3	{ grid-column: span 3; }
.gridCols5	{ grid-column: span 5; }
.gridRows2	{ grid-row: span 2; }
.rightAlign	{ float: right; }

body		{ background-color: var(--color-background); color: var(--color-text); }
a:link		{ color: var(--color-link); }
a:visited	{ color: var(--color-link); /*--color-link-visited*/}
a:hover		{ text-decoration: none; }
a			{ text-decoration: underline; }
img			{ border-width: 0; }
h1, h2		{ background-color: var(--color-shadowed); color: var(--color-text);
			  border: thin solid; padding: 0.25rem;
			  margin: 0.5rem 0; }
ul			{ padding-left: 1rem; margin: 0; }
ul.noDot	{ padding-left: 0rem; list-style: none; }
ul.noDot ul { text-indent: 0rem; }/*list-style: none;*/
/* ul			{ padding-left: 1rem; margin: 0; }
ul.noDot	{ text-indent: -1rem; list-style: none; }
ul.noDot ul { text-indent: -1rem; list-style: none; } */
/*
1rem = 16px
1in = 96px = 72pt = 2.54cm
*/