body {
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit browsers */
	margin: 0px;
	padding: 0px;
}
#outside {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: absolute;
	background: black;
	cursor: crosshair;
}
#frame {
	margin: 0px;
	width: 100%;
	height: 100%;
}
#screen {
	margin: 0px;
	background: #0092D2;
	position: absolute;
	width: 900px;
	height: 500px;
	top: 50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
}
#spinner {
	font-family: Orbitron, monospace;
	font-size: 36px;
	letter-spacing: 0.2em;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -150px;
	z-index: 50;
	width: 300px;
	height: 80px;
}
canvas {
	cursor: none;
}
#mouseLayer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: 0.8;
}

/**INSTRUCTIONS AND WHATNOT**/
#infoLayer{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
	opacity: 0.7;
	background-color: black;
}

#infoTitle{
	margin-top: 30px;
	margin-left: 30px;
}

.infoColumn{
	width: 45%;
	height: 500px;
	float: left;
	margin: 2%;
}

.subinfo{
	text-align: justify;
	margin-left: 30px;
	margin-top: 5px;
	opacity: 0;
}

.linkTo{
	cursor: hand;
}

#closeButton{
	position: absolute;
	top: 30px;
	right: 30px;
}
#practiceMode{
	position: absolute;
	width: 500px;
	height: 400px;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -250px;
	z-index: 9;
	pointer-events: none;
}

#cloudBeats{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 8;
	opacity: 0;
}

.beatPosition{
	float: left;
	width: 12.5%;
	height: 100%;
	opacity: 0.3;
	z-index: 8;
}

.beatPosition span {
   text-align: center;
   position: absolute;
   width: 12.5%;
   top: 0px;
}

#cloudInstruments{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 8;
	opacity: 0;
}
.cloudInstrument{
	width: 100%;
	height: 33%;
	opacity: 0.3;
}

.cloudInstrument span {
   text-align: center;
}

#endControls{
	position: absolute;
	top: 50px;
	right: 20px;
	z-index: 0;
	opacity: 0;
	text-align: right;
}

.endControl{
	margin-bottom: 50px;
}
.endControl:hover{
	color: white;
}