html {
	font-size:62.5%;
}
@media all {
	body {
		font-size:1.2em;
	}
}
@media (min-width:400px) {
	body {
		font-size:1.4em;
	}
}
@media (min-width:600px) {
	body {
		font-size:1.6em;
	}
}
@media print {
	img {
		/* display:none; */
	}
}

/*\

print

\*/


/*\

page

\*/

div.page {
	position:relative;
	margin:auto;
	page-break-before:always;
}
div.page.A3 {
	width:297mm;
	height:420mm;
}
div.page.A4 {
	width:210mm;
	height:297mm;
}
div.page.A5 {
	width:148mm;
	height:210mm;
}
div.page.A6 {
	width:105mm;
	height:148mm;
}

/*\

panel

\*/

div.page > div,
div.page > div > * {
	position:absolute;
}
div.panel,
div.panel span {
	border-style:solid;
	border-width:1mm;
}
div.panel img,
div.panel svg {
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*\

style

\*/

div.panel span {
	padding:0.5rem 1rem;
	background-color:rgb(255,255,255);
}
div.panel span:empty {
	display:none;
}
div.panel img {
	text-align:center;
}