body{margin:0}#loading-bg{background:#fff;display:block;height:100%;position:absolute;width:100%}.loading-logo{background:url(favicon-76.png) no-repeat 50%;background-size:cover;border-radius:50%;height:64px;margin:8px;position:absolute;width:64px}.loading-logo img{width:45px}.loading{border-radius:50%;height:80px;left:calc(50% - 35px);top:calc(50% - 40px);width:80px}.loading,.loading .effect-1,.loading .effect-2{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute}.loading .effect-1,.loading .effect-2{border:3px solid transparent;border-left-color:#45a321;border-radius:50%;height:100%;width:100%}.loading .effect-1{animation:rotate 1s ease infinite}.loading .effect-2{animation:rotateOpacity 1s ease .1s infinite}.loading .effect-3{-webkit-animation:rotateOpacity 1s ease .2s infinite;animation:rotateOpacity 1s ease .2s infinite;border:3px solid transparent;border-left-color:#45a321;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;position:absolute;width:100%}.loading .effects{transition:all .3s ease}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateOpacity{0%{opacity:.1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{opacity:1;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}