body{font-family:Quicksand,sans-serif;margin:0;min-height:100vh;-webkit-animation:movement 10s linear infinite;animation:movement 10s linear infinite;background-color:#c9a2d3;background-image:radial-gradient(closest-side,#f2d2cb,rgba(235,105,78,0)),radial-gradient(closest-side,#b074ac,rgba(243,11,164,0)),radial-gradient(closest-side,#ba83fe,rgba(254,234,131,0)),radial-gradient(closest-side,#f7fdff,rgba(170,142,245,0)),radial-gradient(closest-side,#e2eeff,rgba(248,192,147,0));background-position:-80vmax -80vmax,60vmax -30vmax,10vmax 10vmax,-30vmax -10vmax,50vmax 50vmax;background-repeat:no-repeat;background-size:130vmax 130vmax,80vmax 80vmax,90vmax 90vmax,110vmax 110vmax,90vmax 90vmax}body:after{content:"";display:block;position:fixed;width:100%;height:100%;top:0;left:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@-webkit-keyframes movement{0%,to{background-size:130vmax 130vmax,80vmax 80vmax,90vmax 90vmax,110vmax 110vmax,90vmax 90vmax;background-position:-80vmax -80vmax,60vmax -30vmax,10vmax 10vmax,-30vmax -10vmax,50vmax 50vmax}25%{background-size:100vmax 100vmax,90vmax 90vmax,100vmax 100vmax,90vmax 90vmax,60vmax 60vmax;background-position:-60vmax -90vmax,50vmax -40vmax,0 -20vmax,-40vmax -20vmax,40vmax 60vmax}50%{background-size:80vmax 80vmax,110vmax 110vmax,80vmax 80vmax,60vmax 60vmax,80vmax 80vmax;background-position:-50vmax -70vmax,40vmax -30vmax,10vmax 0,20vmax 10vmax,30vmax 70vmax}75%{background-size:90vmax 90vmax,90vmax 90vmax,100vmax 100vmax,90vmax 90vmax,70vmax 70vmax;background-position:-50vmax -40vmax,50vmax -30vmax,20vmax 0,-10vmax 10vmax,40vmax 60vmax}}@keyframes movement{0%,to{background-size:130vmax 130vmax,80vmax 80vmax,90vmax 90vmax,110vmax 110vmax,90vmax 90vmax;background-position:-80vmax -80vmax,60vmax -30vmax,10vmax 10vmax,-30vmax -10vmax,50vmax 50vmax}25%{background-size:100vmax 100vmax,90vmax 90vmax,100vmax 100vmax,90vmax 90vmax,60vmax 60vmax;background-position:-60vmax -90vmax,50vmax -40vmax,0 -20vmax,-40vmax -20vmax,40vmax 60vmax}50%{background-size:80vmax 80vmax,110vmax 110vmax,80vmax 80vmax,60vmax 60vmax,80vmax 80vmax;background-position:-50vmax -70vmax,40vmax -30vmax,10vmax 0,20vmax 10vmax,30vmax 70vmax}75%{background-size:90vmax 90vmax,90vmax 90vmax,100vmax 100vmax,90vmax 90vmax,70vmax 70vmax;background-position:-50vmax -40vmax,50vmax -30vmax,20vmax 0,-10vmax 10vmax,40vmax 60vmax}}.login-box{position:absolute;top:30%;left:50%;width:520px;margin-left:-260px;z-index:99}.login-box .login-title{text-align:center;padding:10px;font-size:26px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-shadow:0 0 1px hsla(0,0%,100%,.8),0 4px 4px rgba(0,0,0,.05);letter-spacing:.2rem;font-weight:500}.login-box .login{background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.08);box-shadow:0 2px 8px 0 rgba(0,0,0,.08);padding:20px;border-radius:16px}.login-box .login .login-con{margin-top:20px}.login-box .login-title.animate span{display:inline-block;-webkit-animation-name:var(--animation);animation-name:var(--animation);-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:var(--delay);animation-delay:var(--delay)}@-webkit-keyframes jump{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes jump{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes pop{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes pop{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}}@-webkit-keyframes flip{0%,to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@keyframes flip{0%,to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@-webkit-keyframes blink{0%,to{color:inherit}50%{color:#ff0}}@keyframes blink{0%,to{color:inherit}50%{color:#ff0}}