@font-face{
	font-family: handwriting;
	src: url('/fonts/handwriting.woff2');
	font-display: swap;
}

div#container{
	background-color: #E5D3B7;
	background-image: url('/img/ashwood.jpg');
	background-repeat: repeat;
}

div#container > div#story{
	display: flex;
	align-items: center;
	font-family: handwriting;
	max-width: 800px;
	font-size: 22pt;
	background-color: #ffffff;
	background-image: url('/img/charactersheet.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center top;
	height: calc(100vh - 96px);
	color: #444444;
	box-shadow: 0 8px 8px rgba(33,33,33,.7);
	hr{
		border: 0;
		height: 4px;
	}
	div#storytext{
		padding: 16px;
		margin: 16px;
		text-align: center;
		background-color: #ffffff;
		border: 1px solid #000000;
		width: 100%;
	}
}