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

div#container{
	background-color: #819CB5;
	background-image: url('/img/chainlink.png');
	background-repeat: repeat;
}

div#container > div#story{
	background-color: #A94B21;
	background-image: url('/img/rustysign.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 300px;
	padding: 25px;
	display: flex;
	align-content: center;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
	max-width: 1200px;
}

div#container > div#story > div#storytext{
	font-family: BebasNeue;
	font-size: 72pt;
	text-align: center;
	align-self: center;
	width: 100%;
	color: #000000;
	text-shadow:
    1px 1px 0 rgba(255,255,255,.25),
    -1px -1px 0 rgba(0,0,0,.25),
    2px 2px 4px rgba(0,0,0,.35);
	hr{
		height: 8px;
		background-color: #000000;
	}
	@media only screen and (max-width: 768px){
		font-size:48pt;
	}
	@media only screen and (max-width: 425px){
		font-size:28pt;
	}
}