visualizer.css

html, body {
	background: black;
	color: white;
}

#visualizer {
	position: fixed;
	z-index: -1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#drop-target {
	border: 5px dotted white;
	font-size: 2em;
	font-style: italic;
	text-align: center;
	position: fixed;
	top: 10%;
	left: 10%;
	width: 80%;
	height: 80%;
	border-radius: 20px;
	opacity: 1;
	transition: all 0.2s;
}

#drop-target.hidden {
	opacity: 0;
}

#drop-target::after {
	content: "Drop an audio file here";
	position: relative;
	display: block;
	top: 50%;
	transform: translateY(-50%);
}

#drop-target.loading::after {
	content: "Reading audio file...";
}

#drop-target.error::after {
	content: "Your browser doesn't support the necessary features :(";
}

#audio {
	display: none;
}