@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed|PT+Sans+Narrow|Share+Tech+Mono');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Roboto+Mono:wght@500&display=swap');
body
{
	background-color: var(--bg);
	color: var(--one);
	font-family: 'Barlow Semi Condensed', sans-serif;
}
a
{
	text-decoration: none;
	color: var(--one);
}
:root {
	--one: #cf3c3c;
	--two: #1A426A;
	--three: #141C17;
	--four: #51534d;
	--bg: #363636;
}
body {
	height: 100%;
/*	background: url(images/13colonies-flag.svg) no-repeat top left; */
	background-size: cover;
}
h1 {
	font-size: 120%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#background-box
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1000;
	background: rgba(255,255,255,0.9);
}
#content {
	font-size: 160%;
	font-family: 'Inconsolata', monospace;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.3;
}
table {
	width: 100%;
	border: none;
}
th {
	text-align: left;
}
.row-odd
{
	background-color: #fff;
}
.row-even
{
	background-color: #f0f0f0;
}
.non-us
{
	color: #000;
}
<?php

$modes = array(
	array("ssb","#000"),
	array("cw","#00f"),
);

foreach($modes as $mode)
{
	print ".mode-" . $mode[0] . "{\n\tcolor: " . $mode[1] . ";\n}\n";
}

$columns = array(
	array("call",10),
	array("state",15),
	array("time",10),
	array("mode",10),
	array("frequency",10),
	array("band",10),
	array("age",15),
	array("comment",15) );
foreach($columns as $col)
{
	print ".col-" . $col[0] . " {\n\tmin-width: " . $col[1] . "%;\n\tmax-width: " . $col[1] . "%;\n}\n";
}
$bands = array(
	array("160m","#ffd395"),
	array("80m", "#ffa98f"),
	array("60m", "#5e66ff"),
	array("40m", "#9effc2"),
	array("30m", "#ffbcb7"),
	array("20m", "#ff92fe"),
	array("17m", "#ddffe3"),
	array("15m", "#fffbe9"),
	array("12m", "#d2fffe"),
	array("10m", "#bbc2ff"),
	array("6m",  "#d2d2d2") );
foreach($bands as $band)
{
	print ".band-" . $band[0] . " {\n\ttext-align: center;\n\tbackground-color: " . $band[1] . ";\n}\n";
}
?>