.i-form-container {
  background: transparent;

}

.i-form-container:hover{
  border-color: #888;
}

.i-form{
  margin:0 auto;
  padding-bottom: 16px;
  display: block;
  width: 50%;
  
}

.i-form input {
  display: block;
  width: 100%;
  border: 1px solid #838383;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  padding: 10px 16px;
  outline: none;
  margin-top: 16px;
  background-color: white;
  position: relative;
}

.i-form input:focus,
.i-form textarea:focus,
.i-form button:focus{
  border-color: #ddd;
}

.i-form textarea {
  display: block;
  width: 100%;
  border: 1px solid #838383;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  padding: 10px 16px;
  outline: none;
  margin-top: 16px;
  height: 150px;
  background-color: white;
}

.i-form button {
  display: block;
  border: 1px solid #838383;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  padding: 10px 50px;
  width: 100%;
  outline: none;
  margin-top: 16px;
  background-color: white;
  cursor: pointer;

}

.i-form input:hover,
.i-form textarea:hover,
.i-form button:hover{
  border-color: #ddd;
}

.i-form button:active {
  border-color: #ddd;
}

.i-success {
  padding: 16px;
  border-radius: 30px;
  color: #fff0bb;
  background-color: #ff8040;i-
  border: 1px solid #e87400;
}

.i-error {
  padding: 16px;
  border-radius: 30px;
  color: #b94a48;
  background-color: #f2b0b0;
}
/*# sourceMappingURL=form.css.map */

/*# sourceMappingURL=basic.css.map */