@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: #A00;
  --two: #1A426A;
  --three: #141C17;
  --four: #51534d;
  --bg: #FCFEFD;
}
body
{
	font-size: 20pt;
}
h1
{
	font-weight: 100;
	width: 100;
	text-align: center;
	font-size: 200%;
	line-height: 1;
	text-shadow: 3px 3px #ccc;
}
h2
{
	margin: -.25em 0 .25em 0 ;
	font-size: 120%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#wrapper
{
	background-color: var(--bg);
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: none;
	border-radius: 15px;
	box-shadow: 9px 9px var(--bg);
}
#wrapper-inner
{
	width: 100%;
	padding: 1em .5em 1em .5em;
}
.block
{
	border-radius: 2px;
	background-color: var(--bg);
	display: inline-block;
	border-radius: 8px;
	margin-left: 1em;
	margin-bottom: 1em;
	padding: .5em 1em 0 1em;
}
.block table
{
	width: 100%;
}
#bands
{
	width: calc(50% - 4em);
	height: 13em;
}
#primaryconds
{
	height: 13em;
	width: calc(50% - 4em);
}
#bandstable
{
	height: 100%;
}
#primarycondstable
{
	height: 100%;
}
#stats
{
	width: calc(100% - 4.8em);
	display: table;
}
.status
{
	font-weight: bold;
	text-align: center;
}
.good
{
	color: #1c8a1c;
}
.fair
{
	color: #dec400;
}
.bad
{
	color: #dd5456;
}
.cond
{
	display: table-cell;
	float: right;
	width: 18em;
	margin-right: 1em;
}
.cond_value
{
	text-align: right;
	display: block;
	font-weight: bold;
	color: var(--two);
	float: right;
}
.cond_row
{
	width: 100%;
}
.cond_row div
{
	display: inline;
}
.subrow
{
	margin-top: -2em;
	margin-bottom: 1em;
	color: var(--four);
	font-size: 50%;
	font-style: italic;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#day
{
	width: 1.5em;
	height: 1.5em;
}
#night
{
	width: 1.5em;
	height: 1.5em;
}
#footer
{
	font-size: 60%;
	text-align: center;
	color: var(--four);
}
#stats-inner
{
	margin-left: auto;
	margin-right: auto;
}
#chart_wrapper
{
	width: 80%;
	margin-top: 2em;
	margin-bottom: 1em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#bandslabel
{
	float: left;
	transform: rotate(270deg);
}