label,
input,
textarea,
select,
button {
  font-size: 1.3rem;
  line-height: 1.2
}



label {
  margin-bottom: 0.4rem;
  display: block;
}
input:focus,
textarea:focus {
  border-color: #44ee01;
  outline: none; /* Optional: removes the default blue browser outline */
}

input:user-valid, 
textarea:user-valid {
  border-color: #44ee01; /* Your green */
}

/* Styling when the user has finished interacting and it's WRONG */
input:user-invalid, 
textarea:user-invalid {
  border-color: #ff0000; /* Red */
}

input,
textarea {
  padding: 0.4rem;
  width: 100%;
  border: 1px solid;
  
}

.error {
  color: #df6e6e;
  font-weight: normal;
   border-color: #ff0000; 
}

.success {
  color: #44ee01;
  font-weight: normal;
   border-color: #44ee01; 
}