/*DEFAULT SUGARCUBE STYLE*/
html {
	font: 16px/1 Helmet, Freesans, sans-serif;
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	color: #eee;
	background-color: #111;
	overflow: auto;
}

#ui-bar {
	background-color: #222;
	border-right: 1px solid #444;
	text-align: center;
}

#ui-bar {
	position: fixed;
	z-index: 50;
	top: 0;
	left: 0;
	width: 17.5em;
	height: 100%;
	margin: 0;
	padding: 0;
	transition: left .2s ease-in;
}

#ui-bar.stowed {
	left: -17.5em;
}

#story {
	margin-left: 20em;
	transition: margin-left .2s ease-in;
}

#story {
	z-index: 10;
	margin: 2.5em;
}

#passages {
	max-width: 54em;
	margin: 0 auto;
}

.passage {
	line-height: 1.75;
	text-align: left;
	transition: opacity .4s ease-in;
}

/* SIDE BAR PASSAGE OVERWRITE */
#ui-bar {
	background-color: rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 0.25vw var(--neon-color), 0 0 0.5vw var(--neon-color), inset 0 0 0.25vw var(--neon-color), inset 0 0 0.5vw var(--neon-color);
	width: 26vh;
	z-index: 50;
}