main {
	width: min(100%, 50rem); padding: 2rem; margin: 0 auto; box-sizing: border-box;
}

header {
	text-align: center;
}

ul {
	list-style: none;
	display: flex; padding: 0; margin: 3rem 0;
	flex-direction: column; gap: 1rem;
	a {
		display: grid; padding: 1rem;
		grid: auto auto / 5rem 1fr; gap: 0 1rem;
		color: var(--text-color);
		border-radius: 1rem;
		text-decoration: none;
		transition: background-color .2s;
		&:hover { background-color: var(--background-color); }
	}
	.title {
		font-weight: bold; font-size: 1.5rem;
	}

	img {
		grid-area: 1 / 1 / -1 / 2;
		width: 100%;
		height: auto;
	}
}