Better Invalid Input Selectors

input:not(:placeholder-shown):invalid {
  /*   styles here only apply *after* the user has entered data */
  /* rather than immediately after the input is selected        */
}

input:not(:placeholder-shown):invalid {
  /*   styles here only apply *after* the user has entered data */
  /* rather than immediately after the input is selected        */
}