style.css

html
{
	position: relative;
	min-height: 100%;
}

body
{
	margin-bottom: 80px;
}

.footer
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	padding-top: 20px;
	background-color: #f5f5f5;
}


#results
{
	margin-top: 1em;
}

pre
{
	overflow: auto;
	max-width: 100%;
	word-wrap: normal;
	line-height: normal;
	background-color: #000000;
	font-family: Consolas, "Courier New", monospace;
}

textarea
{
	width: 100%;
	height: 10em;
	font-size: 0.5em;
	white-space: pre;
	word-wrap: normal;
}

.error-message
{
	display: none;
}

.has-error .error-message
{
	display: block;
}

#drop-target
{
	display: none;
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	padding: 20px;
}

.drag-over #drop-target
{
	display: block;
}

#drop-target-inner
{
	border: 6px dashed #dddddd;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	display: flex;
}

#drop-target p
{
	display: inline-block;
	margin: auto;
}

#dropped-file-info
{
	display: none;
}

.dropped-files #dropped-file-info
{
	display: block;
}

.dropped-files #file-group
{
	display: none;
}