#contactForm input[type="text"],
#contactForm input[type="number"],
#contactForm input[type="email"],
#contactForm select,
#contactForm textarea {
    width: 100%;
	border:none;
	border-radius:10px;
	background-color:#0000008C;
    color:white;
	font-family:Alata, sans-serif;
	font-size: 18px;
}
#contactForm input:is(:-webkit-autofill, :autofill)  {
	color:blue!important;
	background-clip:text;
	border:2px solid white;
}
#contactForm textarea {
    resize:vertical;
    min-height: 40px;
}
#contactForm input[type="text"]:focus, 
#contactForm input[type="number"]:focus,
#contactForm input[type="email"]:focus, 
#contactForm select:focus,
#contactForm textarea:focus{
	  border: 2px solid white;
}
#contactForm select:focus
{
	border-radius: 3px;
}
#contactForm label{
  	font-size: large;
  	font-weight: bold;
	font-size: 22px;
	font-family:Alata, sans-serif;
	line-height:42px;
}
.formGroup{
    margin-bottom: 15px;
}
.formGroup .error{
    font-style: italic;
    color: red;
	text-shadow: 1px 1px #ffffff8f;
    font-size: 18px;
}
.formGroup .sending{
    color: grey;
    font-size: 18px;
}
#contactForm select:has(option:disabled:checked[hidden]) {
  color: gray!important;
}
#contactForm select option{  
    color: white;
	background-color: #FFB1B1;
}
#contactForm input[type="submit"]{
	background-color: red;
	padding: 2px 40px;
	margin-bottom: 20px;
	float:right;
}
#contactForm input[type="submit"]:hover{
	transform: translateY(-3px);
	box-shadow: 0px 3px 3px 0px #0000008c;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}