.error {
    color: red;
    margin-top: 10px;
}

@media (max-width: 768px) {
    .container {
        width: 95%;
    }
}
.form-container[data-v-331694e2] {
  box-sizing:border-box;
  width:100%;
  padding:10px;
  margin:0 auto
}
.form-container .title[data-v-331694e2] {
  font-size:24px;
  color:#fff;
  text-align:center
}
.form-container .form-group[data-v-331694e2] {
  margin-top:10px
}
.form-container .form-group .form-item[data-v-331694e2] {
  position:relative;
  width:80%;
  margin:10px auto;
  text-align:center
}
.form-container .form-group .form-item .input[data-v-331694e2] {
  outline-style:none;
  border:1px solid #ccc;
  border-radius:3px;
  padding:8px 10px;
  width:60%;
  font-size:14px
}
.form-container .form-group .form-item input[data-v-331694e2]:focus {
  border-color:#66afe9;
  outline:0;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.css-button-shadow--red[data-v-331694e2] {
  min-width:130px;
  height:40px;
  color:#fff;
  padding:5px 10px;
  font-weight:700;
  cursor:pointer;
  transition:all .3s ease;
  position:relative;
  display:inline-block;
  outline:none;
  border-radius:5px;
  border:none;
  background-color:#ffa631
}
.css-button-shadow--red[data-v-331694e2]:active {
  box-shadow:0 4px 2px -3px #ccc,0 4px 5px 1px #ccc,0 2px 7px 1px #ccc
}