@charset 'utf-8';

.story-body		{
	position:		absolute;
	top:			calc(var(--menubar-height) + calc(var(--mb-border-width) * 2));
	left:			0;
	width:			100%;
	height:			var(--story-body-height);
	background-image:	url("../img/path-forward.jpg");
	border:			var(--story-border-width) solid grey;
	border-radius:		var(--story-bradius);
}
.story-text		{
	position:		absolute;
	top:			var(--menubar-height);
	left:			2%;
	width:			calc(100% - calc(var(--story-border-width) * 4));
	height:			cacl(var(--st-iframe-height) + 8vh);
	background-color:	white;
	border-radius:		10px;
	border:			var(--story-bradius) solid grey;
}
.story-text > label	{
	font-size:	4vw;
	font-style:	italic;
	color:		black;
	text-shadow:	1px 1px grey;
}
.story-text > iframe	{
	width:		var(--st-iframe-width);
	height:		var(--st-iframe-height);
	border-top:	.5vh solid grey;;
}
.story-copyright	{
	position:	absolute;
	top:		calc(var(--menubar-height) + calc(var(--mb-border-width) * 2) + var(--story-body-height));
	left:		0;
	width:		100%;
	height:		6vw;
}
.story-copyright > p	{
	text-align:	center;
}