#content > h1 {
	text-align: center;
	width: 80%;
	margin-left: auto;
}

.recipes {
	font-size: 12px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	gap: 16px;
	width: 80%;
	margin-right: 0;
	margin-left: auto;
}

.recipe {
	width: 20%;
	align-self: stretch;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	padding: 16px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	.ingredients {
		margin-left: 16px;
	}

	.stats {
		table {
			tr.plus {
				color: gold;
			}

			th {
				padding: 8px;
			}

			td {
				background-color: #4d4d4d;
			}
		}
	}
}

#stats {
	position: fixed;
}

svg > text {
	stroke-width: 0;
	fill: white;
}

#hearty-meal-wrapper {
	text-align: center;
	width: 80%;
}
