body {
	text-align: center;
	list-style-position: inside;
	border-style: solid;
	border-color: grey
}

.the-grid {
	display: grid;

	grid-template-areas:
	'hawaiian hawaiian hawaiian'
	'menu scientific scientific'
	'menu common common'
	'menu type form'
	'menu description description'
	'menu individual individual';

	gap: 5px;
	padding: 10px;
	margin: 20px 10px;
	background-color: #7CFC00;
}

.the-grid > div {
	background-color: #567D46;
	font-size: 20px;
	padding: 20px 0;
	
}

.hawaiian-name {
	grid-area: hawaiian;
}
.table-of-contents {
	grid-area: menu;
}
.scientific-name {
	grid-area: scientific;
}
.common-names {
	grid-area: common;
}
.display-type {
	grid-area: type;
}
.display-form {
	grid-area: form;
}
.the-description {
	grid-area: description;
}
.individual-plants {
	grid-area: individual;
}