@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{
	font-family: handwriting;
	max-width: 636px;
	padding: 40px;
	font-size: 24pt;
	line-height: 40px;
	background-color: #ffffff;
  	background: repeating-linear-gradient(
	    0deg,
	    #CDDDD9,
	    #CDDDD9 2px,
	    #FDFFFE 0px,
	    #FDFFFE 40px
	);
	background-repeat: repeat-y;
	background-size: 800px auto;
	background-position: left top;
	color: #444444;
	box-shadow: 0 8px 8px rgba(33,33,33,.7);
	hr{
		border: 0;
		height: 40px;
		margin: 0;
	}
	@media only screen and (max-width: 666px){
		background-position: right top;
		padding-left: 26px;
	}
}