body {
	background-color: #222034;
	font-family:"Arial";
	font-size:medium;
	color: #cbdbfc;
}

div {
	display: block;
}

.banner {
	background-color: #37946e;
	width: 100%;
}

.menu {
	background-color: #111111;
	overflow:hidden;
	top:0;
	position: sticky;
	display: table;
	width: 100%;
	text-align: center;
	z-index: 100;
}

.menu a {
	display: inline-block;
	float: none;
	width:15%;
	padding: 0.5rem;
	
	font-family: "Special Gothic Expanded One", sans-serif;
	color: #fbf236;
	font-size: large;
	font-weight: bold;

	text-align: center;
	text-decoration: none;	
}

.menu a:hover {
	background-color: #fbf236;
	color: #d95763;
}

h1 {
	font-family: "Verdana", sans-serif;	
	font-size: 6rem;
	font-weight: bold;
	color: #d95763;
}

.content {
	width:90%;
	margin: auto;
	text-align: center;
	font-size: 1.5rem;
}

.content a {
	color: #fbf236;
	text-decoration: none;
}

.content a:hover {
	color: #d95763;
}

.slideshow {
	display: inline-block;
	background-color: #111111;
	overflow: hidden;
	text-align: center;
	position: relative;
	margin: auto;
	height: 640px;
	width: 100%;
}

.slideshow button {
	border: none;
	background-color: #111111;
	color: #fbf236;
	font-size: 10rem;
	height: 100%;
	vertical-align: 140%;
}

.slideshow button:hover {
	color: #d95763;
}

.slideshow img {
	height:100%;
}

.info {
	display: inline-block;
	margin: auto;
	width: 50%;
	height:40rem;
	overflow: hidden;
}

.info img {
	height: 50%;
	float: left;
	padding: 2%;
}

.info p {
	right: 0;
	text-align: left;
	text-wrap: wrap;
}

.bands {
	background-color: #111111;
	padding: 4%;
	transform: translateY(-4rem);
}

.zineDisplay {
	display: inline-block;
	text-align:center;
	overflow: hidden;
	margin: auto;
	height: 40rem;
}

.zineDisplay img {
	height: 90%;
	left: 0;
}

.zineDisplay p {
	text-align: right;
	float: left;
}

.gameInfo {
	height: 50rem;
	font-size: 2rem;
}

.gameInfo img {
	width: 20%;
}

.footer {
	background-color: #111111;
	color: #fbf236;
	bottom: 0;
	height: 2rem;
	width: 100%;
	text-align: center;
	font-weight: bold;
}