#intro {
	padding: 20px;
}
#intro p {
	width: 80%;
	margin: auto;
	text-align: justify;
}
#list {
	padding: 20px;
	width: 80%;
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: flex-start;
	row-gap: 10px;
}
table {
	border: 1px solid var(--black);
	border-collapse: collapse;
	width: 30%;
	min-width: 300px;
}
tr {
	width: 100%;
	border: 1px solid var(--black);
}
th {
	background-color: var(--black);
	color: white;
	padding: 2px;
}
td.subject {
	padding: 2px 5px;
}
td.unit {
	text-align: center;
	width: 6%;
	min-width: 20px;
}