main {
	max-width: var(--max-width-L);
}
h1 {
	font-size: 1.75rem;
	text-align: center;
}
h2 {
	font-size: 1.375rem;
}
#books {
	gap: var(--sp-XL);
	justify-content: space-evenly;
}
.book {
	gap: var(--sp-L);
	align-items: center;
}
.book > img {
	max-width: 15rem;
	border: .125rem solid var(--fg-acc1);
}
.flag {
	gap: var(--sp-M);
	align-items: center;
	flex-wrap: nowrap;
}
.flag > img {
	width: 4rem;
	max-height: 100%;
	min-height: 0;
}
.order {
	padding: var(--sp-XS) var(--sp-S);
	border-radius: var(--sp-S);
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: var(--fg-acc1);
	background: var(--bg-acc1);
}
@media screen and (min-width: 50rem) {
	h1 {
		font-size: 2rem;
	}
	h2 {
		font-size: 1.75rem;
	}
}