/* designed by Toon Whanphadett */
:root {
	--frame: #999;
	--var-heading-bg: rgba(0,0,0,0.05);
}
html.is-dark {
	--var-text-color: #efefef;
	--var-background-color: #111;
	--var-border-color: #999;
	--frame: #666;
	--var-heading-bg: rgba(255,255,255,0.2);
}
html.is-light {
	--var-text-color: black;
	--var-background-color: #fff;
	--var-border-color: #666;
	--frame: #999;
	--var-heading-bg: rgba(0,0,0,0.05);
}
body {
	font-size: 1.5em;
	color: var(--var-text-color);
	background-color: var(--var-background-color);
}
.page-wrap {
	--s: 10px;
	margin-bottom: calc(var(--s)*7);
	padding: calc(var(--s)/4);
	border: calc(var(--s)/5) solid var(--frame);
	
	.box-inner {
		padding: calc(var(--s)*3);
		border: calc(var(--s)/3) solid var(--frame);
	}
}
#bmbFooter img {max-width: 15%;}
.copyright {font-size: 70%;}
.heading {
	padding: 5px 8px;
	background: var(--var-heading-bg);
}
.get-line-breaker {
	width: 30%;
	height: 2px;
	margin: 5% auto;
	background-color: var(--frame);
}

/* responsive fixes */
@media screen and (max-width: 480px) {
	font-size: 2rem;
}