body {
	background: #ffffff;
}

#container {
	overflow: hidden;
	position: relative;
	width: 300px;
	height: 250px;
	background: #ffffff;
}

img, video, a {
	position: absolute;
	width: 300px;
	height: 250px;
}

#intro {
	/* ////////////////////// FRAME SETTINGS ////////////////////// */
	/* 
	  width: WIDTH OF THE FRAME.
	  height: HEIGHT OF THE FRAME.
	*/
	width: 300px;
	height: 250px;
	/* //////////////////////////////////////////////////////////// */
	position: absolute;	
	overflow: hidden;
}

#spritesheet {
	/* /////////////////// SPRITESHEET SETTINGS /////////////////// */
	/* 
	  if RETINA:
	  width: WIDTH OF THE RETINA SPRITESHEET DIVIDED BY 2 (3000/2).
	  height: HEIGHT OF THE RETIN SPRITESHEET DIVIDED BY 2 (3008/2).

	  if NON RETINA:
	  width: WIDTH OF THE SPRITESHEET (3000).
	  height: HEIGHT OF THE SPRITESHEET (3008).
	*/	
	width: 1800px;
	height: 2000px;
	/* //////////////////////////////////////////////////////////// */
	position: absolute;
	overflow: hidden;
}

#endFrame {
	/* opacity: 0; */
	position: absolute;
	width: 300px;
	height: 250px;
}

#exit {
	border-style: solid;
	border-width: 1px;
	border-color: black;
	overflow: hidden;
	box-sizing: border-box; 
}