.target {
  border: solid 1px #aaa;
  margin-top: 1em;
  border-radius: 5px;
  cursor: pointer;
  transition: 300ms all;
  position: relative;
}

.canvas_out {
  border: solid 1px #aaa;
  margin-top: 1em;
  border-radius: 5px;
}

.contain {
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  z-index: 10;
  top: 0px;
  left: 0px;
}

.active {
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 255, 0.4);
}

input[type="text"].invalid,
input[type="number"].invalid,
select.invalid,
textarea.invalid {
  border-color: red;
}

input[type="text"].no_match,
input[type="number"].no_match,
select.no_match,
textarea.no_match {
  border-color: rgb(127, 0, 255);
}