/* Add here all your CSS customizations */
:required {
  background: white;
}

input:required {
  box-shadow: 1px 1px 6px rgba(200, 0, 0, 0.4);
}

/**
 * style input elements that have a required
 * attribute and a focus state
 */
input:required:focus {
  border: 1px solid red;
  outline: none;
}

/**
 * style input elements that have a required
 * attribute and a hover state
 */
select:required:hover {
  opacity: 0.6;
}

select:required {
  box-shadow: 1px 1px 6px rgba(200, 0, 0, 0.4);
}

/**
 * style input elements that have a required
 * attribute and a focus state
 */
select:required:focus {
  border: 1px solid red;
  outline: none;
}

/**
 * style input elements that have a required
 * attribute and a hover state
 */
select:required:hover {
  opacity: 0.6;
}