.page-a,
.page-b {
	display: grid;
	grid-template-columns: 10px repeat(3, 1fr) 10px;
	grid-template-rows: auto auto 10px;

	width: 90%;
	margin: auto;
	margin-top: 5%;
	margin-bottom: 5%;
	background-color: rgba(255, 255, 255, 0.05);
	clip-path: polygon(
		20px 0,
		100% 0,
		100% calc(100% - 20px),
		calc(100% - 20px) 100%,
		0 100%,
		0 20px
	);
}

.page-a h2,
.page-b h2 {
	display: grid;
	grid-column: 1 / 6;
	grid-row: 1;
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
	background-color: rgba(255, 255, 255, 0.05);
	clip-path: polygon(
		20px 0,
		100% 0,
		100% calc(100% - 20px),
		calc(100% - 0px) 100%,
		0 100%,
		0 20px
	);
}

.page-a img,
.page-b img {
	display: grid;
	grid-column: 2 / 3;
	grid-row: 2;

	margin: auto;
}

.page-b img {
	grid-column: 4 / 5;
}

.page-a span,
.page-b span {
	display: grid;
	grid-column: 3 / 5;
	grid-row: 2;
	margin: auto;
}

.page-b span {
	grid-column: 2 / 4;
}