:root {
        --dbg:  #000000;
        --dbg2: #000000;
        --dfg:  #ffffff;
        --dfg2: #80ff80;
        --lbg:  #ffffff;
        --lbg2: #ffffff;
        --lfg:  #000000;
        --lfg2: #009900;
}

html {
	font-family: monospace;
}

a {
	text-decoration: none;
}

td {
	padding: 0 0.4em;
	white-space: nowrap;
}
td:nth-child(2) {
	white-space: normal;
	overflow: auto;
}

i {
	font-style: italic;
}

figcaption {
	font-style: italic;
}

pre {
	tab-size: 4;
	padding: 1em;
	overflow-x: auto;
}

body {
}

header {
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid;
}

main {
	padding: 5px;
}

footer {
	padding: 5px;
	text-align: center;
	border-top: 1px solid;
}

footer *{
	display: inline;
}

@media (prefers-color-scheme: light){
	html {
		background-color: var(--lbg);
                color: var(--lfg);
        }
        a {
                color: var(--lfg2);
        }
        figure, pre {
                background-color: var(--lbg2);
        }
}

@media (prefers-color-scheme: dark){
	html {
		background-color: var(--dbg);
                color: var(--dfg);
        }
        a {
                color: var(--dfg2);
        }
        figure, pre {
                background-color: var(--dbg2);
        }
}