@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i');

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:0.9em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

body,html{
	min-height:100%;
}
body {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  /*overflow:hidden;*/
  overflow-x: auto;
  overflow-y: scroll;
 background: #43C6AC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #F8FFAE, #43C6AC);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #F8FFAE, #43C6AC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
h1{
	text-align:center;
	font-size:2.5em;
}
h1 a{
	text-decoration:none;
	color:#f9dab1;
}
a,a:visited,a:active{
	text-decoration:none;
}
#searchInput{
	padding: .6em;
	width: 75%;
	margin: 1em auto;
	display: block;
	max-width: 1000px;
	font-size: 1.2em;
	border: 5px solid #f9dab1;
}
#results{
	padding: 0;
	width: 100%;
	margin: 0;
	display: block;
	position: absolute;
	left: 50%;
	background: #fff;
	max-width: 700px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	max-height: 70%;
overflow: auto;
}
#results li{
	display: block;
margin: 0;
padding: .9em 0.9em;
font-size: 1.2em;
cursor: pointer;
}
#results li:nth-child(odd){
	background:#efefef;
}
#results li:hover{
	background:#6d8;
}
#results > li.suggest{
	border-top:3px solid #a0baba;
	margin-top:4px;
}
#results > li.suggest ~ li.suggest{
	border-top:none;
	margin-top:auto;
}
#stage{
	max-width:700px;
	width:82%;
	margin: 80px auto 0;
	font-size: 1.4em;
line-height: 1.8em;
padding:1em;
}
#stage img{
	max-width:100%;
	height:auto;
}
.visuallyhidden{
	opacity: 0;
position: absolute;
top: 0;
left: 0;
}
#door{
	display:block;
	margin:120px auto 20px;
	padding:20px;
	max-width:500px;
}
#door input{
	padding: 4%;
font-size: 1.4em;
width: 91%;
margin: 0.1em;
}
#door input[type=submit]{
	width:100%;
}
#addContent{
	display:block;
	margin:20px auto 20px;
	padding:20px;
	max-width:500px;
}
#addContent input,
#addContent textarea{
	padding: 4%;
font-size: 1.4em;
width: 91%;
margin: 0.1em;
}
#addContent select{
	padding: 3%;
font-size: 1.4em;
width: 100%;
margin: 0;
}
#addContent select option{
	padding:14px;
}
#addContent select option:checked::after{
	content:' ✔';
	text-align:right;
}
#addContent input[type=submit]{
	width:100%;
}