html,body{margin:0;padding:0;height:100%}#userlogin{width:100%;height:100%}#userlogin *{box-sizing:border-box}#userlogin .background{height:100%;width:100%;background:#170d5b;background-image:linear-gradient(to top, #2a237c, #170d5b);position:absolute;top:0;left:0;z-index:5;overflow:hidden}#userlogin .background video{position:absolute;top:50%;left:50%;transform:translatex(-50%) translatey(-50%);min-width:100vw;min-height:100vh}#userlogin .main{position:absolute;top:50%;left:50%;transform:translatex(-50%) translatey(-50%);width:459px;height:auto;z-index:9}#userlogin .login{display:block;height:75px;line-height:75px;border-radius:75px;color:#fff;text-align:center;background:#0084c8;position:relative;font-size:24px;cursor:pointer}#userlogin .login .loginbutton{display:block;background:none;line-height:75px;border-radius:75px}#userlogin .login .loading{position:absolute;top:50%;left:50%;margin-top:-23px;margin-left:-23px;display:none}.describe{margin-bottom:30px}.describe .icon{width:230px;margin:0 auto}.describe .icon img{width:100%}.form-row{margin-bottom:30px}.form-row input{display:block;border:1px solid #fff;line-height:75px;border-radius:75px;padding:0 37.5px;outline:none;width:100%;font-size:24px;text-align:center;color:#fff;background:transparent}.form-row .warn{border:1px solid #f00}