#canvas{
	position:absolute;
	top:0;
	left:0;
	touch-action:none;
}
form{
	width:100%;
}
input{
	touch-action:none;
}
#menu{
	background-color:#fdd;
	position:absolute;
	display:flex;
}
.nav-item{
	flex:20%;
	cursor:pointer;
	text-align:center;
	justify-content:center;
	align-items:center;
	display:flex;
}
/*.nav-item svg{
	width:60px;
	height:60px;
}*/
#help-overlay, #settings-overlay, #sound-options-overlay{
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	background-color:rgba(255, 200, 200, 0.95);
	padding:3px;
	overflow:auto;
}
input[type="range"]{
	width:100%;
}
input[type="checkbox"]{
	width:40px;
	height:40px;
}
@media (orientation:landscape){
	#help-overlay, #settings-overlay{
		font-size:3vh;
	}
}
@media (orientation:portrait){
	#help-overlay, #settings-overlay{
		font-size:2vh;
	}
}
#top-bar{
	width:100%;
	height:60px;
	background-color:rgba(200, 150, 150, 0.95);
	border-bottom:1px solid #888;
}
#x{
	float:right;
	cursor:pointer;
}
.full-width, .group-label, .setting{
	display:table-row;
}
.label, .input-wrapper{
	display:table-cell;
	width:50%;
	padding:5px;
	border-bottom:2px dashed #000;
}
.settings{
	display:table;
	width:100%;
}
.label span{
	background-color:#aaa;
	margin:0px 15px;
	padding:2px 5px;
	border:1px black solid;
}