@import url(animations.css);
@import url(colors.css);
@import url(themes.css);
@import url(layout.css);
@import url(nav.css);
@import url(ui.css);


* {
	box-sizing: border-box;
}

body {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	background: var(--content-color-bg);
	color: var(--content-color-heading);
	font-family: var(--content-font);
	font-size: var(--content-font-size);
	line-height: var(--content-line-height);
} body > .layout { position: relative; height: 100%; }

a:not(.button) { color: var(--content-hyperlink-color); }
a:not(.button):hover { color: var(--content-hyperlink-color-hover); }
table { border-collapse: collapse; }
tr:nth-child(odd) { color: var(--ui-color-text); background-color: var(--ui-color-bg); }
td { border: none; padding-inline: 0.5em; }
summary { list-style: none }
summary::-webkit-details-marker { display: none; }
summary:hover { cursor: pointer; }
details > summary::before { content: "+ "; }
details[open] > summary::before { content: "- "; }
ul, ol { margin-block: 0; }
ul { list-style-type: none; padding-left: 1em; }
ul > li::before { content: "- "; }
h1:not(:first-of-type),
h2:not(:first-of-type),
h3:not(:first-of-type),
h4:not(:first-of-type),
h5:not(:first-of-type),
h6:not(:first-of-type) { margin-top: 2em; }
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	margin-bottom: 1em;
	padding-top: 0.2em;
	color: var(--content-color-heading);
	font-weight: normal;
}

@font-face {
	src: url('../ibmvga.woff');
	font-family: 'VGA';
}