:root {
	/* Base RGB colors (no alpha) */
	--m-white: 255, 255, 255;
	--m-black: 0, 0, 0;
	--m-navy-35: 82, 141, 181;
	--m-navy-60: 2, 76, 126;
	--m-cyan-30: 108, 194, 190;
	--m-cyan-60: 0, 129, 123;
	--m-yellow-25: 240, 216, 135;
	--m-yellow-60: 193, 148, 0;
	--m-orange-30: 224, 172, 124;
	--m-orange-60: 174, 95, 24;
	--m-red-35: 174, 95, 24;
	--m-red-60: 156, 33, 58;
	--m-purple-30: 182, 176, 214;
	--m-purple-60: 111, 102, 158;
	--m-grey-35: 127, 131, 137;
	--m-grey-60: 59, 65, 73;

	/* Shared opacity levels */
	--m-opacity-100: 1;
	--m-opacity-75: 0.75;
	--m-opacity-50: 0.5;
	--m-opacity-40: 0.4;
	--m-opacity-25: 0.25;
	--m-opacity-20: 0.2;
	--m-opacity-10: 0.1;
}
html {
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-style: normal;
}
h2 {
	font-size: 48px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: normal;
	margin-bottom: 48px;
	text-align: center;
}
#main {
	width: 50%;
	margin: 2rem auto;
}
.mcg-chart {
	height: 50vh;
	min-height: 10vh;
	max-height: 50vh;
	width: 75vw;
	max-width: 75vw;
	min-width: 10vw;
	margin: 2rem auto;
}