form {
  max-width: 550px;
  padding: 1rem;
  margin: 0 auto;
}

input, textarea {
  width: 100%;
  padding: .5rem;
  border: 1px solid silver;
}
/*input[type=submit] { */
input {
  padding: .5rem;
  border-radius: 5px;
  background-color: transparent;
  cursor: pointer;
}

label, small {
  font-size: small;
}

input:required:invalid,
input:focus:invalid {
  /* insert your own styles for invalid form input */
  box-shadow: 2px 1px 1px dimgray;
  /*border: 2px solid black;*/
}

input:valid {
  box-shadow: 2px 1px 1px green;
 /* border: 2px solid green; */
}

textarea:required:invalid,
textarea:focus:invalid {
  /* insert your own styles for invalid form input */
  box-shadow: 2px 1px 1px dimgray;
  /*border: 2px solid red;*/
}

textarea:valid {
  box-shadow: 2px 1px 1px green;
  /*border: 2px solid green;*/
}

.error_msg {
            color: red;
            font-weight: bolder;
            font-style: italic;
           }