:root {
	--color-background: #333;
	--text-color: white;
	--table-header-background: #4d4d4d;
}

body {
	background-color: var(--color-background);
	color: var(--text-color);
}

a {
	color: var(--text-color);
	text-decoration: none;
}

.main-wrapper {
	position: relative;
	max-width: 2000px;
	min-width: 200px;
	width: 80%;
	margin: 50px auto;
}

.main-wrapper .pure-g > .pure-u-1-2:nth-child(2n+1) {
	padding-right: 5px;
	width: calc(50% - 5px);
}

.main-wrapper .pure-g > .pure-u-1-2:nth-child(2n) {
	padding-left: 5px;
	width: calc(50% - 5px);
}

.main-wrapper table.pure-table {
	border: none;
	width: 100%;
}

.main-wrapper table thead {
	background: var(--table-header-background);
	color: var(--text-color);
	text-transform: uppercase;
	text-wrap: avoid;
}

#current_time {
	font-family: 'Andale Mono', Menlo, monospace;
	font-size: 1.5rem;
	text-align: center;
}

.icon-link img {
	display: inline-block;
	width: 32px; 
	height: 32px;
}

.pure-table td.chart-container {
	width: 100%;
	height: 300px;
	padding: 0;
}
.pure-table td.chart-container > .chart-container {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

a.canvasjs-chart-credit {
	/* display: none !important; */
	font-size: 8px !important;
	top: 0!important;
}
button.active {
	font-weight: bold;
}

@media screen and (max-width: 1200px) {
	.main-wrapper { min-width: 300px; width: 100%; }
	.main-wrapper .pure-g > .pure-u-1-2:nth-child(2n+1),
	.main-wrapper .pure-g > .pure-u-1-2:nth-child(2n) {
		width: 100%; 
		margin: 0;
	}
}