html,body{width:100%;}canvas{display:block;vertical-align:bottom;}.count-particles{background:#000022;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:bold;}.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;}.count-particles{border-radius:0 0 3px 3px;}#particles-js{padding-top:12%;}#particles-admin{padding-top:12%;}#body-admin{background-color:#e2e2e2;}.sk-rotating-plane{display:none;width:80px;height:80px;margin:auto;background-color:white;-webkit-animation:sk-rotating-plane 1.2s infinite ease-in-out;animation:sk-rotating-plane 1.2s infinite ease-in-out;z-index:1;position:absolute;top:50%;left:50%;margin-left:-40px;margin-top:-80px;}.sk-rotating-plane.active{display:block;}@keyframes sk-rotating-plane{0%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);transform:perspective(120px) rotateX(0deg) rotateY(0deg);}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);}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(0.2);-moz-transform:scale(0.1);-webkit-transform:scale(0.2);-o-transform:scale(0.1);-ms-transform:scale(0.1);}}.login{z-index:2;width:350px;border-radius:15px;background:white;box-shadow:0px 0px 5px #333333;margin:20px auto;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-moz-box-shadow:0px 2px 5px #333333;-webkit-box-shadow:0px 2px 5px #333333;box-shadow:0px 2px 5px #333333;}.login-top{text-align:center;font-size:18px;box-sizing:border-box;color:#3c763d;padding:15px;}.login-center{width:100%;box-sizing:border-box;padding:0 40px;margin-bottom:30px;}.login-center-icon{float:left;margin-top:18px;font-size:2.0em;color:dodgerblue;}.login-center-input{float:left;width:230px;margin-left:5px;height:30px;position:relative;}.login-center-input input{z-index:2;transition:all 0.5s;padding-left:10px;color:#333333;width:100%;height:42px;border:0;border-bottom:1px solid #cccccc;border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff;box-sizing:border-box;outline:none;position:relative;}.login-center-input input:focus{border:1px solid dodgerblue;}.login-center-input-text{background:white;padding:0 5px;position:absolute;z-index:0;opacity:0;height:20px;top:50%;margin-top:-10px;font-size:14px;left:5px;color:dodgerblue;line-height:20px;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}.login-center-input input:focus~.login-center-input-text{top:0;z-index:3;opacity:1;margin-top:-15px;}.login.active{-webkit-animation:login-small 0.8s;animation:login-small 0.8s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.login-btn{padding:0 0 25px 0;}.login-btn a{cursor:pointer;text-align:center;height:40px;line-height:40px;background-color:dodgerblue;border-radius:8px;margin:0 auto;color:white;display:block;width:90%;}.login-btn-bottom{margin:0 auto;display:block;width:90%;padding-bottom:20px;}