body {
	background: #222;
	color: #ccc;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, Orbitron, sans-serif;
	font-size: 13px;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
}


a {
	color: #b5c6d0;
}
a:not([class]):hover {
	color: #fff;
	filter: drop-shadow(.07em .07em .14em #f0fc) drop-shadow( -.07em -.07em .14em #f0fc);
}

audio {
	height: 40px;
	display: inline-block;
	width: calc( 100% - 650px );
}
audio,
video {
	display: block;
	width: 100%;
}

button {
	margin: 5px;
	padding: 6px;
	vertical-align: bottom;
}
button.active {
	background: #444;
	border: none;
	box-shadow: inset 1px 1px 0 #000;
	color: #0f0;
	padding: 8px;
	text-shadow: 2px 2px 10px #0f08, -2px -2px 10px #0f08;
}
button.full-width {
	width: 100%;
}

img {
	max-width: 100%;
}

.analyzer-configuration {
	background: #fff1;
	border: 1px solid #ccc8;
	margin: 10px 0 20px;
	padding: 0 5px 10px;
}
.analyzer-configuration a {
	color: inherit;
	text-decoration: none;
}
.analyzer-configuration a:hover {
	border-bottom: 1px dotted currentColor;
}

/* minimal demo */
#container {
	display: flex;
	height: 50vh;
}

#notice {
	font-size: 15px;
	line-height: 1.6;
	margin: auto;
	max-width: 100%;
	width: 100%;
}
#notice p {
	margin: 1.6em 0;
}

#btn_start,
#btn_destroy {
	cursor: pointer;
	display: block;
	margin: 5px auto;
	padding: 5px;
	width: 150px;
}
#btn_destroy {
	display: none;
}