#input-form {
	width: min(280px, 100%);
	margin: auto;
}

#input-form > div {
	margin: 5px;
}

#input-form label {
	display: block;
	width: 100px;
	margin-right: 10px;
	margin-top: 20px;
}

#input-form label.btn-label {
	display: inline-block;
	width: auto;
}

#input-form input {
	display: inline;
	font-family: Arial;
	padding: 1px;
	padding-left: 10px;
	padding-right: 30px;
	font-size: 18px;
}

#flavour, #name, #f_name, #s_name, #date, #email, #password {
	width: min(65%, 200px);
}

#input-form #submit {
	margin-top: 10px;
	padding: 5px 20px;
}

#submit:hover:not([disabled]) {
	background: var(--ascent-color);
}

.contains-error {
	outline: 2px solid red;
}


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

	#input-form {
		width: min(450px, 100%);
	}

	#input-form label {
		display: inline-block;
		margin-top: 0px;
	}
	
}