body {
	font-family: monospace;
	font-weight: bold;
}

a {
	color: #A00;
}

.FG-0, .BG-0 .invert { color: #000; }
.FG-1, .BG-1 .invert { color: #00A; }
.FG-2, .BG-2 .invert { color: #0A0; }
.FG-3, .BG-3 .invert { color: #0AA; }
.FG-4, .BG-4 .invert { color: #A00; }
.FG-5, .BG-5 .invert { color: #A0A; }
.FG-6, .BG-6 .invert { color: #A50; }
.FG-7, .BG-7 .invert { color: #AAA; }
.FG-8, .BG-8 .invert { color: #555; }
.FG-9, .BG-9 .invert { color: #55F; }
.FG-10, .BG-10 .invert { color: #5F5; }
.FG-11, .BG-11 .invert { color: #5FF; }
.FG-12, .BG-12 .invert { color: #F55; }
.FG-13, .BG-13 .invert { color: #F5F; }
.FG-14, .BG-14 .invert { color: #FF5; }
.FG-15, .BG-15 .invert { color: #FFF; }

.BG-0, .FG-0 .invert { background-color: #000; }
.BG-1, .FG-1 .invert { background-color: #00A; }
.BG-2, .FG-2 .invert { background-color: #0A0; }
.BG-3, .FG-3 .invert { background-color: #0AA; }
.BG-4, .FG-4 .invert { background-color: #A00; }
.BG-5, .FG-5 .invert { background-color: #A0A; }
.BG-6, .FG-6 .invert { background-color: #A50; }
.BG-7, .FG-7 .invert { background-color: #AAA; }
.BG-8, .FG-8 .invert { background-color: #555; }
.BG-9, .FG-9 .invert { background-color: #55F; }
.BG-10, .FG-10 .invert { background-color: #5F5; }
.BG-11, .FG-11 .invert { background-color: #5FF; }
.BG-12, .FG-12 .invert { background-color: #F55; }
.BG-13, .FG-13 .invert { background-color: #F5F; }
.BG-14, .FG-14 .invert { background-color: #FF5; }
.BG-15, .FG-15 .invert { background-color: #FFF; }