body{font-family:Ubuntu,sans-serif}.main{background-color:#fff;width:400px;height:320px;margin:7em auto;border-radius:1.5em;-webkit-box-shadow:0 11px 35px 2px rgba(0,0,0,.14);box-shadow:0 11px 35px 2px rgba(0,0,0,.14)}.sign{padding-top:40px;font-size:23px}.sign,.sub-sign{color:#8c55aa;font-family:Ubuntu,sans-serif;font-weight:700}.sub-sign{font-size:12px}.user{width:76%;color:#263238;font-weight:700;font-size:14px;letter-spacing:1px;background:hsla(0,4%,51.4%,.04);padding:10px 20px;border:none;border-radius:20px;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid rgba(0,0,0,.02);margin-bottom:50px;margin-left:46px;text-align:center;margin-bottom:27px;font-family:Ubuntu,sans-serif}form.form1{padding-top:40px}.pass{width:76%;color:#263238;font-weight:700;font-size:14px;letter-spacing:1px;background:hsla(0,4%,51.4%,.04);padding:10px 20px;border:none;border-radius:20px;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid rgba(0,0,0,.02);margin-bottom:50px;margin-left:46px;text-align:center;margin-bottom:27px;font-family:Ubuntu,sans-serif}.pass:focus,.un:focus{border:2px solid rgba(0,0,0,.18)!important}.submit{display:block;cursor:pointer;border-radius:5em;border:0;padding-left:15px;padding-right:15px;padding-bottom:10px;padding-top:10px;font-family:Ubuntu,sans-serif;margin:0 auto;margin-bottom:1rem;font-size:13px;-webkit-box-shadow:0 0 20px 1px rgba(0,0,0,.04);box-shadow:0 0 20px 1px rgba(0,0,0,.04)}.pink{background:-webkit-gradient(linear,left top,right top,from(#9c27b0),to(#e040fb));background:linear-gradient(90deg,#9c27b0,#e040fb);color:#fff}.white{background:-webkit-gradient(linear,left top,right top,from(#ddd),to(#eee));background:linear-gradient(90deg,#ddd,#eee);color:#000}.forgot{padding-top:15px}.forgot,a{text-shadow:0 0 3px hsla(0,0%,45.9%,.12);color:#e1bee7}a{text-decoration:none}.loading{opacity:.5}.login-error{color:red;text-align:center;font-size:.7rem}body{background-color:#f3ebf6}