* {
	box-sizing	:	border-box	;
}

@font-face {
	font-family: "Broadway";
	src: url("Broadway.ttf");
}

html, body, .page {
	margin	:	0	;
	padding	:	0	;
	margin	:	auto	;
}
p {
    margin-block-start	:	3pt	;
    margin-block-end	:	3pt	;
}

/*--Offset left-side Edge Line*/
.page-content {
	position	:	relative	;
	top	:	0.5em	;
}
.page-content > * {
	position	:	relative	;
	top	:	-0.5em	;
}

/*---Style*/
h1 {
	margin	:	0 0 0.25in	;
}
h2 {
	font-variant	:	small-caps	;
	
	background	:	#eee	;
	margin-left	:	-0.25in	;
	margin-right	:	-0.25in	;
	padding-left	:	0.25in	;
	padding-right	:	0.25in	;
	
	margin-top	:	1em	;
	margin-bottom	:	0	;
	
	/*To fix possable mislayering of this background in front of edge line.*/
	position	:	relative	;
	z-index	:	-1	;
}

/*---Layout*/
.page {
	width	:	8.5in	;
	height	:	11in	;
	border	:	solid	;
	overflow	:	hidden	;
	padding	:	0.25in	;
	
	display	:	flex	;
	flex-direction	:	column	;
	justify-content	:	center	;
}
.page.-landscape {
	width	:	11in	;
	height	:	8.5in	;
}
.split {
	display	:	flex	;
	flex-direction	:	row	;
	align-items	:	baseline	;
}
.split > :first-child {
	flex	:	1	;
}
.split > :last-child {
	font-style	:	italic	;
}


/*---Specific*/
.page {
	padding	:	calc(0.25in * 0.5)	;
}
.page > * {
	flex	:	1	;
	padding	:	calc(0.25in * 0.5)	;
}