html body .waves{position:absolute;z-index:-1;left:0;top:0;right:0;bottom:0}html body .waves canvas{display:block}html body .main{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 50px)}html body .main .title{color:white;font-size:30px;padding-top:80px;margin-bottom:2%;letter-spacing:4px;background-image:url(../imgs/logo.svg);background-position:top center;background-repeat:no-repeat;background-size:302px 80px}html body .main .login{background-color:white;border-radius:5px}html body .main .login .login-title{line-height:30px;padding-left:20px;padding-top:15px;padding-bottom:5px;color:black;font-size:20px}html body .main .login input[type=text],html body .main .login input[type=password]{padding-left:40px;line-height:30px;width:250px;height:30px;border:1px solid #c7c7c7;background-position:5px;background-repeat:no-repeat;background-size:20px 20px}html body .main .login .login-username{margin:15px 20px}html body .main .login .login-username input{background-image:url(../imgs/username.svg)}html body .main .login .login-password{margin:15px 20px}html body .main .login .login-password input{background-image:url(../imgs/password.svg)}html body .main .login .login-forget{margin:15px 20px;text-align:right;font-size:14px;color:#33CCFF}html body .main .login .login-btn{margin:15px 20px}html body .main .login .login-btn button{width:100%;border:none;background-color:#00B2EE;line-height:30px;color:white;border-radius:2px}html body footer{color:white;line-height:50px;text-align:center;font-size:.6rem;opacity:.8}