:root {
	--p1l: #ff3333;
	--p1lt: #000000;
	--p1m: #ff0000;
	--p1mt: #000000;
	--p1d: #cc0000;
	--p1dt: #ffffff;
	--p2l: #9999ff;
	--p2lt: #000000;
	--p2m: #6666ff;
	--p2mt: #000000;
	--p2d: #3333ff;
	--p2dt: #ffffff;
	--p3l: #33ff33;
	--p3lt: #000000;
	--p3m: #00ff00;
	--p3mt: #000000;
	--p3d: #00eb00;
	--p3dt: #ffffff;
	--p4l: #ffff66;
	--p4lt: #000000;
	--p4m: #ffff33;
	--p4mt: #000000;
	--p4d: #ffff00;
	--p4dt: #ffffff;
	--p5l: #b366ff;
	--p5lt: #000000;
	--p5m: #9933ff;
	--p5mt: #000000;
	--p5d: #8000ff;
	--p5dt: #ffffff;
	--p6l: #ffb366;
	--p6lt: #000000;
	--p6m: #ff9933;
	--p6mt: #000000;
	--p6d: #ff8000;
	--p6dt: #ffffff;
	--p7l: #99ffff;
	--p7lt: #000000;
	--p7m: #00ffff;
	--p7mt: #000000;
	--p7d: #00e6e6;
	--p7dt: #ffffff;
	--p8l: #ff66ff;
	--p8lt: #000000;
	--p8m: #ff33ff;
	--p8mt: #000000;
	--p8d: #e600e6;
	--p8dt: #ffffff;
}

a.p1, span.p1 { color: var(--p1mt); background-color: var(--p1m); }
a.p1:hover    { color: var(--p1lt); background-color: var(--p1l); }

a.p2, span.p2 { color: var(--p2mt); background-color: var(--p2m); }
a.p2:hover    { color: var(--p2lt); background-color: var(--p2l); }

a.p3, span.p3 { color: var(--p3mt); background-color: var(--p3m); }
a.p3:hover    { color: var(--p3lt); background-color: var(--p3l); }

a.p4, span.p4 { color: var(--p4mt); background-color: var(--p4m); }
a.p4:hover    { color: var(--p4lt); background-color: var(--p4l); }

a.p5, span.p5 { color: var(--p5mt); background-color: var(--p5m); }
a.p5:hover    { color: var(--p5lt); background-color: var(--p5l); }

a.p6, span.p6 { color: var(--p6mt); background-color: var(--p6m); }
a.p6:hover    { color: var(--p6lt); background-color: var(--p6l); }

a.p7, span.p7 { color: var(--p7mt); background-color: var(--p7m); }
a.p7:hover    { color: var(--p7lt); background-color: var(--p7l); }

a.p8, span.p8 { color: var(--p8mt); background-color: var(--p8m); }
a.p8:hover    { color: var(--p8lt); background-color: var(--p8l); }