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

div#container{
	background-color: #002082;

	background-image:
		linear-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
    	linear-gradient(90deg, rgba(255,255,255,0.15) 1px, transparent 1px),
    	linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    	linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);

    background-size:
	    100px 100px,   /* major vertical spacing */
	    100px 100px,
	    20px 20px,     /* minor vertical spacing */
	    20px 20px;

	background-position:
		0 0,
		0 0,
		0 0,
		0 0;
}

div#container > div#story{
	font-size: 32pt;
	font-family: Neutraface;
	color: #ffffff;
	text-align: center;
	div#storytext{
		padding: 8px;
	}
	hr{
		height: 0;
		border: 0;
	}
	@media only screen and (max-width: 769px){
		font-size: 24pt;
	}
	@media only screen and (max-width: 425px){
		font-size: 16pt;
	}
}