@charset "UTF-8";

// form inputs
.funky-box {
  //background: $white;
  padding: 1em;
  border-radius: 0.25em;
  border-bottom: 3px solid $primary_color;

}

input,
textarea,
select,
 {
  @extend .funky-box;
  border:none;
  border-bottom:2px solid $primary_color;
  color:$black;
}

input[type="text"],input[type="email"]{
width: 219px;
height: 36px;
}
textarea {
  margin-top: 1em;
  border-left: 3px solid $primary_color;
}

label {
  &[for] {
    cursor: pointer;
  }

  &:not([for]) {
    color: $dusty-orange;

    &:before {
      content: "ce label n'a pas d'attribut for, c'est mal.";
      color: $violet;
    }
  }
}