/* Global CSS */

	body, html { width: 100%; height: 100%; margin: 0px; padding: 0px; position: relative; }
	body {
		background-color: #000000;
	}
	
	[data-slide] {
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		display: none;
	}
	
	.viewport, syncSlides { 
		display: block;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		overflow: hidden;
	}
	
	.syncSlides { 
		display: none;
	}
	
	.notification {
		position: absolute;
		right: 50px;
		top: 50px;
		background-color: #313940;
		color: white;
		padding: 20px;
		font-family: 'Source Code Pro', sans-serif;
		z-index: 10000;
		display: none;
	}

/* Setup Slide */

	[data-slide="setup"] {
		background-color: #313940;
		display: block;
	}
	
	[data-slide="setup"] .reflection {
		width: 0px; 
		height: 0px; 
		border-top: 0px solid transparent;
		border-bottom: 800px solid transparent;
		border-left: 800px solid rgba(255, 255, 255, 0.06);
		position: absolute;
		top: 0px;
		left; 0px;
		z-index: 0;
	}
	[data-slide="setup"] .console {
		font-size: 15px;
		color: #ededed;
		font-family: 'Source Code Pro', sans-serif;
		position: absolute;
		top: 115px;
		bottom: 60px;
		left: 86px;
		right: 86px;
		overflow: scroll;
		overflow-x: hidden;
		overflow-y: hidden;
		z-index: 1;
	}
	[data-slide="setup"] .logo {
		width: 380px;
		opacity: 0.7;
		padding: 30px;
		z-index: 1;
		position: relative;
	}