body { 
	background-color:#000; 
	color: #fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
}
#outer {
	background: #000;
	width: fit-content;
	height: 90%;
	margin: 20px auto;
}
img {
	width: 600px;
}
#content {
	margin-top: 20px;
	width: 600px;
	position: relative;
	background: #000;
}
#content>div {
	width: 100%;
	position: absolute; 
	top: 0; 
}
.hidden {
	visibility: hidden;
	opacity: 0;
}
p {
	margin: 2px;
}
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}
#bandname {
	border: none;
	padding: 8px;
	background-color: #888;
	height: 43px;
	width: 79%;
	margin-right: 16px;
	font-weight: bold;
	font-size: 18px;
}
#check {
	width: 85px;
}
.rbutton {
	border: none;
	border-radius: 15px;
	padding: 5px;
	background-color: #555;
	height: 43px;
	font-weight: 900;
	font-size: 18px;
}
.heading {
	font-size: 24px;
}
.bold {
	font-size: 30px;
	font-weight: bold;
}
.gray {
	color: #999;
}
.sign {
	border: 5px solid #fff;
	text-align: center;
	padding: 20px;
	margin-top: 10px;
	font-size: 24px;
}
#footer {
	padding-left: 31px;
	position: fixed;
	width: 600px;
	bottom: 10px;
	text-align: center;
}
#footer a {
	color: #fff;

}
.m-fadeOut {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 1s, opacity 1s;
}
.m-fadeIn {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s 0s, opacity 1s;
}
.m-fadeHalf {
	visibility: visible;
	opacity: 0.7;
	transition: visibility 0s 0s, opacity 500ms;
}
#overlay {
	background: #000; 
	width:      100%;
	height:     100%; 
	z-index:    1;
	top:        0; 
	left:       0; 
	position:   fixed; 
}
#wait {
	background: #888;
	width: 450px;
	height: 200px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 5px solid #aaa;
	opacity: 1;
	display: flex;
	align-items: center;
	align-content: center;
}
.waitcol {
	margin: 0;
	width: 33%;
	float: left;
	display: flex;
	justify-content: center;
}
.waitcol img {
	width: 50%;
}
.animate {
	animation-duration: 4s;
	animation-name: bump;
}
@keyframes bump {
	from {
		width: 50%;
	}
	10% {
		width: 80%;
	}
	20% {
		width: 50%;
	}
	30% {
		transform: rotate(1turn);
	}
	50% {
		width: 50%;
	}
	70% {
		width: 80%;
	}
	80% {
		width: 50%;
	}
	90% {
		transform: rotate(0turn);
	}
	to {
		width: 50%;
	}
}