body {
	font-family: 'Roboto Flex', sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-variation-settings:
		"slnt" 0,
		"wdth" 100,
		"GRAD" 0,
		"XOPQ" 96,
		"XTRA" 468,
		"YOPQ" 79,
		"YTAS" 750,
		"YTDE" -203,
		"YTFI" 738,
		"YTLC" 514,
		"YTUC" 712;
}

table {
	border: 1px solid #ccc;
	width: 100%;
	border-collapse: collapse;
}

th,
td {
	padding: 5px;
	text-align: left;
}

th {
	background-color: #f4f4f4;
	font-weight: 600;
}

tr:nth-child(even) {
	background-color: #f9f9f9;
}

tr:hover {
	background-color: #f1f1f1;
}

.red {
	color: red;
}

.green {
	color: green;
}

.yellow {
	color: rgb(237, 208, 41);
}