.chapter, .chapter ~ h2 {
	text-align: center;
	color: var(--color);
}

.chapter {
	padding-top: 1.5em;
	font-size: 300%;
}

.chapter ~ h2 {
	font-size: 200%;
}

.divider {
	text-align: center;
	margin: 0 !important;
}

body::after {
	display: none !important;
}

.question::after {
	content: "?";
	color: red;
	font-weight: bold;
	font-size: 10rem;
	position: absolute;
	left: 50%;
	top: 2.4em;
	transform: translate(-50%, -50%);
}

.kondo {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
}

.kondo img {
	width: 580px;
}

.current .kondo {
	transition: all 1000ms;
	opacity: 1;
}

.poster ~ h1 {
	position: absolute;
	right: 0;
	top: 1em;
}

.ok::before {
	content: "☑";
	font-weight: bold;
	color: green;
}

.ko::before {
	content: "☐";
	font-weight: bold;
	color: darkred;
}

.slide:first-child img {
	width: 100%;
}