div.form {
	width: 100%;
	display: block;
}

@media only screen and (max-width: 599.9px) {
	div.form div {
		margin-top: 10px;
	}
	div.form div:first-child {
		margin-top: 0px;
	}
}

@media only screen and (min-width: 600px) {

	div.form {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: auto max-content ;
	}

	div.form div {
		display: flex;
		align-items: center;
	}

}

#urlfield {
   -webkit-appearance: textfield;
   font-weight: 200;
   width: 100%;
}

div.titlediv h1.demo {
	font-size: 1.41em;
	font-style: italic;
	color: #666666;
}

div.disclaimerhidden {
	display: none;
}

div.disclaimershown {
	display: block;
	font-size: 0.8em;
    font-weight: normal;
	font-style: italic;
	font-weight: 400;
    line-height: 1.65em;
    margin: 0;
    padding: 0;
	color: #a8a8a8;
}

div.servererrorhidden {
	display: none;
}

div.servererrorshown {
	display: block;
}

div.servererrorshown p {
	color: #D4291F;
}
@media (prefers-color-scheme: dark) {
	div.servererrorshown p {
		color: #FF3B30;
	}
}

div.toomanyrequestshidden {
	display: none;
}

div.toomanyrequestsshown {
	display: block;
}

div.loadingmessagehidden {
	display: none;
}

div.loadingmessageshown {
	display: block;
}

input {
	padding-left: 10px;
	padding-right: 10px;
	border: solid #e3e3e3 1px;
}
button {
	border: none;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #e5e5e5;
	color: #000000;
}
input, button {
		border-radius: 10px;
		height: 1.5em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

@media (prefers-color-scheme: dark) {
	div.titlediv h1.demo {
		font-size: 1.41em;
		font-style: italic;
		color: #999999;
	}
	input, button {
 	   	background-color: #444444;
		color: #f2f2f2;
	}
	input {
		border: solid #404040 1px;
	}
	button {
		background-color: #555555;
	}
}