body,html{width:100%;height:100%}canvas{display:block;vertical-align:bottom}.count-particles{background:#002;position:absolute;top:48px;left:0;width:80px;color:#13e8e9;font-size:.8em;text-align:left;text-indent:4px;line-height:14px;padding-bottom:2px;font-family:Helvetica,Arial,sans-serif;font-weight:700;border-radius:0 0 3px 3px}.js-count-particles{font-size:1.1em}#stats,.count-particles{-webkit-user-select:none;margin-top:5px;margin-left:5px}#stats{border-radius:3px 3px 0 0;overflow:hidden}#particles-js{width:100%;height:100%;position:relative;background:50% 50%/cover no-repeat #0094ff;margin-left:auto;margin-right:auto}.sk-rotating-plane{display:none;width:80px;height:80px;margin:-80px auto auto -40px;background-color:#fff;-webkit-animation:1.2s ease-in-out infinite sk-rotating-plane;animation:1.2s ease-in-out infinite sk-rotating-plane;z-index:1;position:absolute;top:50%;left:50%}.sk-rotating-plane.active{display:block}@keyframes sk-rotating-plane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes login-small{0%{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}100%{transform:scale(.2);-moz-transform:scale(.1);-webkit-transform:scale(.2);-o-transform:scale(.1);-ms-transform:scale(.1)}}.login{z-index:0;position:absolute;width:350px;border-radius:5px;height:auto;min-height:360px;background:#fff;box-shadow:0 0 5px #333;top:50%;left:50%;transform:translate(-50%,-50%);transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s}.reg{z-index:0;position:absolute;width:350px;border-radius:5px;min-height:460px;background:#fff;box-shadow:0 0 5px #333;top:50%;left:50%;margin-top:-230px;margin-left:-175px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s}.login-top{font-size:24px;margin-top:100px;padding-left:40px;box-sizing:border-box;color:#333;margin-bottom:50px;text-align:center}.login-center{width:100%;box-sizing:border-box;padding:0 40px;margin-bottom:30px}.login-center-img{width:20px;height:20px;float:left;margin-top:5px}.login-center-img>img{width:100%}.login-center-input{float:left;width:230px;margin-left:15px;height:30px;position:relative}.login-center-input input{z-index:2;transition:.5s;padding-left:10px;color:#333;width:100%;height:30px;border:0;border-bottom:1px solid #ccc;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;box-sizing:border-box;outline:0;position:relative}.login-center-input input:focus{border:1px solid #1e90ff}.login-center-input-text{background:#fff;padding:0 5px;position:absolute;z-index:0;opacity:0;height:20px;top:50%;margin-top:-10px;font-size:14px;left:5px;color:#1e90ff;line-height:20px;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}.login-center-input input:focus~.login-center-input-text{top:0;z-index:3;opacity:1;margin-top:-15px}.login.active{-webkit-animation:.8s forwards login-small;animation:.8s forwards login-small}.login-button{cursor:pointer;width:250px;text-align:center;height:40px;line-height:40px;background-color:#1e90ff;border-radius:5px;margin:50px auto 0;color:#fff}.login-button2{cursor:pointer;width:250px;text-align:center;height:40px;line-height:40px;background-color:#1e90ff;border-radius:5px;margin:10px auto 0;color:#fff}