.login{width:100%;height:100vh;overflow:hidden;position:relative}.login .login-title{color:hsla(0,0%,100%,.596078431372549);position:absolute;top:30%;left:36%;transform:translate(-50%,-50%)}.login h1{font-size:160px}.login .login-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.8;background:linear-gradient(-45deg,#ee7652,#e73c7e,#a823d5,#d52323);background-size:400% 400%;animation:gradient-animation 15s ease infinite}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login .login-card{background-color:hsla(0,0%,100%,.7215686274509804)}.login-con{position:absolute;right:20%;top:50%;transform:translateY(-50%);width:300px}.login-con-header{font-size:16px;font-weight:300;text-align:center;padding:30px 0}.login-con .form-con{padding:10px 0 0}.login-con .login-tip{font-size:10px;text-align:center;color:#c3c3c3}