body {
	background: white; color: black; font-family: sans-serif; counter-reset: napit ots2;
}
form::after {
	color: magenta; float: right; content: " " counter(napit); counter-increment: napit;
}
iframe {
	background: rgb(244, 244, 244); border: thin solid currentColor; border-image: none; width: 100%;
}
h1 {
	color: darkblue;
}
h2 {
	color: mediumblue;
}
h3 {
	color: purple;
}
p {
	text-align: justify;
}
form {
	text-align: justify;
}
li {
	text-align: justify; margin-top: 1em;
}
i {
	font-family: serif;
}
em {
	background: rgb(255, 255, 153);
}
.overlapping {
	background: rgb(204, 229, 255);
	padding: 0.5em;
	border-radius: 1.5em;
	border: 2pt solid mediumblue;
	border-image: none;
	color: mediumblue;
	display: none;
	position: absolute;
	z-index: 9;
	max-width: 47%;
}
.hint {
	background: rgb(204, 229, 255);
	color: mediumblue;
}
.hint:hover .overlapping {
	display: block;
}
.overlapping2 {
	background: rgb(240, 240, 255);
	padding: 0.5em;
	border-radius: 1.5em;
	border: 2pt solid navy;
	border-image: none;
	color: navy;
	display: none;
	position: absolute;
	z-index: 9;
}
.hint2 {
	background: rgb(240, 240, 255); color: navy;
}
.hint2:hover .overlapping2 {
	display: block;
}
.nowrap {
	display: inline-block; white-space: nowrap;
}
.fraction {
	text-align: center; vertical-align: middle; display: inline-block;
}
.denominator {
	border-top-color: currentColor; border-top-width: thin; border-top-style: solid;
}
.top {
	vertical-align: top;
}
.right {
	text-align: right;
}
.ctr {
	text-align: center;
}
.answer::after {
	color: magenta; float: right; content: counter(napit); counter-increment: napit;
}
.important {
	background: rgb(255, 255, 153);
	padding: 1ex;
	border: solid red;
	border-image: none;
}
.remark {
	color: green;
}