body 
{
	color: #FFFFFF;
	background-color:black;
	display:block;
}

.backg
{
	background-image: url("../image/Dragon_Rouge_In_Flight.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
	
	width:90vw;
	height:90vh;
	margin:0 auto 0 auto;
	
	display: flex;
	flex-direction: column;
	/*justify-content: center;*/
	/*align-items: center;*/

	box-sizing: border-box;
}

/* unvisited link */
a:link {
  color: red;
}

/* visited link */
a:visited {
  color: white;
}

/* mouse over link */
a:hover {
  color: aqua;
}

/* selected link */
a:active {
  color: red;
}

img.no
{
	pointer-events: none;
}

img.subframe
{
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index: 899;
	pointer-events: none;
	height:100%;
}

.image-left
{
	background-image: url("../image/paper.png");
	background-size:contain;
	
	border:medium black solid;
	border-radius:10px 10px 10px 10px;
	
	display: flex;
	justify-content: center;
	align-items: center;

	width:50%;
	height:100%;
	float:left;
	box-sizing: border-box;
}

.image-right
{
	background-image: url("../image/paper.png");
	background-size:contain;
	
	border:medium black solid;
	border-radius:10px 10px 10px 10px;

	display: flex;
	justify-content: center;
	align-items: center;

	width:50%;
	height:100%;
	float:right;
	box-sizing: border-box;
}


.paper-left
{
	background-image: url("../image/paper.png");
	background-size:contain;
	
	border:medium black solid;
	border-radius:10px 10px 10px 10px;
	padding:20px 10px 10px 10px;
	
	color:white;
	text-shadow: -5px  5px 15px #000000,
				  5px  5px 15px #000000,
				  5px -5px 15px #000000,
				 -5px -5px 15px #000000;
	font-family:Deneane,"Courier New", Courier, monospace;
	font-size:25px;
	width:50%;
	height:100%;
	float:left;
	box-sizing: border-box;
}

.paper-right
{
	background-image: url("../image/paper.png");
	background-size:contain;
	
	border:medium black solid;
	border-radius:10px 10px 10px 10px;
	padding:20px 10px 10px 10px;
	
	color:white;
	text-shadow: -5px  5px 15px #000000,
				  5px  5px 15px #000000,
				  5px -5px 15px #000000,
				 -5px -5px 15px #000000;
	font-family:Deneane,"Courier New", Courier, monospace;
	font-size:25px;
	width:50%;
	height:100%;
	float:right;
	box-sizing: border-box;
}

.food_info
{
	width:50%;
	height:1.5em;
	margin:0 auto 10% auto;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-color:#1f1f1f;
	border:medium #1f1000 solid;
	border-top-color:#FFFFFF;
	border-left-color:beige;
	border-right-color:gold;
	border-bottom-color:darkgoldenrod;
	border-radius:10px 10px 10px 10px;
	
	color:white;
	text-shadow: -5px  5px 15px #000000,
				  5px  5px 15px #000000,
				  5px -5px 15px #000000,
				 -5px -5px 15px #000000;
				 
	font-family:Deneane,"Courier New", Courier, monospace;
	font-size:15px;
	box-sizing: border-box;
}


.title-box
{
	height:1.5em;
	width:20vw;
	/*background-color:#1f1000;*/
	background-color:#1f1f1f;
	border:medium #1f1000 solid;
	border-top-color:#FFFFFF;
	border-left-color:beige;
	border-right-color:gold;
	border-bottom-color:darkgoldenrod;
	border-radius:10px 10px 10px 10px;
	
	padding:0px 5px 0px 5px;
	
	color:white;
	text-shadow: -5px  5px 15px #000000,
				  5px  5px 15px #000000,
				  5px -5px 15px #000000,
				 -5px -5px 15px #000000;
	font-family:Deneane,"Courier New", Courier, monospace;
	font-size:25px;
	box-sizing: border-box;
}

.box
{
	width:20%;
	margin-top:5vh;
	
	background-color:#1f1f1f;
	border:medium #1f1000 solid;
	border-top-color:#FFFFFF;
	border-left-color:beige;
	border-right-color:gold;
	border-bottom-color:darkgoldenrod;
	border-radius:10px 10px 10px 10px;
	
	padding:10px 10px 0px 10px;
	
	color:white;
	text-shadow: -5px  5px 15px #000000,
				  5px  5px 15px #000000,
				  5px -5px 15px #000000,
				 -5px -5px 15px #000000;
	font-family:Deneane,"Courier New", Courier, monospace;
	font-size:20px;
	box-sizing: border-box;
}

.image1
{
	width:90%;
}