body {
	background-color: #1e1e1e;
	color: #6A9955;
	font-family: Consolas, 'Courier New', monospace;
}

#info {
	margin-left: 5%;
	background-color: #333333;
	width: 84%;
	padding: 1% 3% 1% 3%;
	margin-right: 5%;
}

#info h2 {
	text-align: center;
}

#graphs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0px;
}

.column {
	width: 90%;
	margin-left: 5%;
}

#plot_div_left div {
	margin-bottom: 1%;
}

#plot_div_right div {
	margin-bottom: 1%;
}

#live_div {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0px;
	font-size: 18px;
	font-weight: bold;
}

#live_div p{
	margin-top: 0.01%;
	margin-bottom: 0.01%;
}

a {
	color: #db6eec;
}
a:hover {
	color: #d164e2;
}

a:visited {
	color: #db6eec;
}

a:active {
	color: #d164e2;
}

@media (max-width: 960px) {
	#graphs {
		grid-template-columns: 1fr;
	}

	#graphs div div {
		margin-bottom: 6%;
	}

	.column {
		width: 98%;
		margin-left: 1%;
	}

	#live_div {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0px;
	}
}