.reg .container {
  height: 650px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#343A40));
  background-image: linear-gradient(to bottom, #292929, #343A40);
}

.reg .container h3 {
  text-align: center;
  color: #fff;
  font-size: 40px;
}

.reg .container .login-border {
  position: relative;
  margin: 0 auto;
  width: 50%;
  height: 400px;
  border: 1px solid #c3c3c3;
  border-radius: 50px;
}

.reg .container .login-border #uname,
.reg .container .login-border #upwd,
.reg .container .login-border #email,
.reg .container .login-border #phone,
.reg .container .login-border #user_name,
.reg .container .login-border .btn,
.reg .container .login-border .msg {
  padding-left: 10px;
  width: 60%;
  height: 35px;
  border-radius: 30px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.reg .container .login-border #uname {
  top: 10%;
}

.reg .container .login-border #upwd {
  top: 21%;
}

.reg .container .login-border #email {
  top: 32%;
}

.reg .container .login-border #phone {
  top: 43%;
}

.reg .container .login-border #user_name {
  top: 54%;
}

.reg .container .login-border .btn {
  outline: none;
  padding: 0;
  top: 70%;
  width: 20%;
  font-size: 16px;
}

.reg .container .login-border .msg {
  top: 85%;
  text-align: center;
}

.reg .container .login-border .msg_wrong {
  font-size: 16px;
  color: red;
}
/*# sourceMappingURL=reg.css.map */