.section--features {
	display: grid;
	align-items: stretch;
	gap: 1em;
	grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
	text-align: center;
}
.section--features a {
	border: var(--border);
	border-radius: var(--border-radius);
	padding: 1em;
	cursor: pointer;
	color: var(--on-background-color);
	text-decoration: none;
	transition-duration: var(--transition-duration);
}
@media (hover: hover) {
	.section--features a:hover {
		border-color: var(--primary-color);
		scale: 1.05;
	}
}
.section--features i {
	margin-bottom: 0.25em;
	font-size: 2.5em;
	color: var(--primary-color);
}
.section--features h2 {
	margin-bottom: 0.3em;
	font-size: 1.5em;
}
.section--features p {
	font-size: 1em;
}