*{
	
	margin: 0px;
	
	color: #0f0;
	
}

p{
	
	color: #fff;
	
}

body{
	
	background-color: #222;
	min-height: 100vh;
	height: fit-content;  
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	
}

#bgLeft,#bgRight{
	
	display: flex;
	background-image: url('images/bg border.png');
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-size: contain;
	width: 0.5vw;
	
}

#bgLeft{
	
	margin-right: -2px;
	
}

#bgRight{
	
	margin-left: -2px;
	order: 2;
	transform: rotate(180deg);
	
}

#content{
	
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #000;
	order: 1;
	width: min(150vh,95vw);
	
}

.maybeHorizontal{
	
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-content: center;
	
}

h1,p{
	
	margin: 30px;
	margin-left: min(30px,2vw);
	margin-right: min(30px,2vw);
	
	font-size: min(1.5em,min(10vw,10vh));
	
}

.gameDescription{
	
	width: min(500px,50vw);
	
}

h1{
	
	font-size: min(3.0em,min(20vw,20vh));
	text-align: center;
	color: #000;
	background-color: #0f0;
	border-radius: 5px;
	
}

h1,.contentItem{
	
	width: 95%;
	margin-top: 30px;
	margin-bottom: 30px;
	
}

.mediumImage{
	
	max-width: min(80vw,500px);
	max-height: min(80vh,500px);
	
}

.largeImage{
	
	max-width: min(90vw,700px);
	max-height: min(90vh,700px);
	
}