body{
  background-color: #f3f3f4;
}

.wraper{
  width: 100%;
  overflow-x: hidden;
}

.enterForm{
  width: 300px;
  border: 1px solid #6e6f90;
  background-color: #6e6f90;
  padding: 10px 20px;
  margin: 0 auto;
  border-radius: 5px;
}

.enterForm__title{
  color: #f3f3f4;
}

.enterForm__warning{
  color: #f3f3f4;
  background-color: #8735d2;
  border-radius: 5px;
  padding: 5px 10px;
  margin-bottom: 15px;
}


.form-group{
  margin: 0px;
  margin-bottom: 15px;
  width: 100%;
}

.form-group input{
  height: 36px;
  width: 100%;
  display: block;
  border-radius: 5px;
  border: 1px solid #6e6f90;
  padding: 0;
  margin: 0;
}

.btn{
  color: #f3f3f4;
  background-color: grey;
  border-color: grey;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  font-weight: 400;
}

.btn-primary{
  background-color: #5555ce;
  border-color: #5555ce;
}



@media screen and (max-width: 320px) {
  .enterForm{
    width: 250px;
  }
}
/*# sourceMappingURL=app.css.map*/