body {
	background-color: #2E353A;
	color: white;
	font-size: 1.1em;
	text-align: center;
	font-family: sans-serif;
	padding: 1em;
}

a {
	color: #20a8d8;
}

hr {
	width: 16em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	color: white;
}

button, label {
  display: inline-block;
  padding: 0.7em 1.2em;
  font-size: 0.8em;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #FFF;
  background-color: #20a8d8;
  border: none;
  border-radius: 0.5em;
}

.uploadForm {
	width: 50%;
	height: 10em;
	background-color: #202529;
 	outline: 0.05em dashed rgb(255, 255, 255);
 	outline-offset: -0.5em;
	display: inline-block;
	border-radius: 1em;
	margin-block-end: 0;
}

.uploadForm.drag-over {
	background-color: #3e474e;
}

.uploadForm.is-uploading {
	background-color: #ECC447;
}

.uploadForm.is-error {
	background-color: #68312c;
}

.uploadForm.is-success {
	background-color: #497000;
}

.ddHintLabel {
	font-size: 0.8em;
	color: rgb(255, 255, 255);
	margin-top: 2em;
}

.licenseParam {
	font-size: 0.6em;
	display: grid;
	grid-template-columns: 50% 50%;
	gap: 0.5em;
	margin-bottom: 0.1em;
}

.licenseParamSpan{
	color: #20a8d8;
	grid-column-start: 2;
	grid-column-end: 3;
	text-align: left;
}

.licenseParamSpanLabel {
	grid-column-start: 1;
	grid-column-end: 2;
	text-align: right;
}

@media only screen and (min-width: 1500px) {
	body {
	  font-size: 1.2em;
	}
  }