html,
body {
  font-family: Bariol;
}
.wrapper {
  max-width: 640px;
  margin: 40px auto;
}
h1 {
  font-size: 70px;
  font-weight: 300;
  color: #04D4BC;
  text-align: center;
}
input {
  display: block;
  width: 100%;
  border: 1px solid #04D4BC;
  border-right-color: #FB2E00;
  border: none;
  font-size: 18px;
  padding: 10px;
  color: #0B0B5B;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #FAFFBD;
}
.has-error input {
  color: #FA3001;
}
button {
  font-size: 18px;
  background-color: #0B0B5B;
  border: none;
  outline: 0;
  color: white;
  text-transform: uppercase;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.gradient {
  padding: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: 0 0, 0 100% ;
  background-repeat: no-repeat;
  background-image: -webkit-linear-gradient(left, #04D4BC 0%, #FA3001 100%), -webkit-linear-gradient(left, #04D4BC 0%, #FA3001 100%);
  background-image: -moz-linear-gradient(left, #04D4BC 0%, #FA3001 100%), -moz-linear-gradient(left, #04D4BC 0%, #FA3001 100%);
  background-image: -o-linear-gradient(left, #04D4BC 0%, #FA3001 100%), -o-linear-gradient(left, #04D4BC 0%, #FA3001 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(#04D4BC), to(#FA3001)), -webkit-gradient(linear, left top, right top, from(#04D4BC), to(#FA3001));
  background-image: linear-gradient(to right, #04D4BC 0%, #FA3001 100%), linear-gradient(to right, #04D4BC 0%, #FA3001 100%);
  margin-bottom: 20px;
}
/*# sourceMappingURL=login.css.map */