@keyframes rotate{0%,100%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{0%,100%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{0%,100%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}@-o-keyframes rotate{0%,100%{-o-transform:rotate(0)}100%{-o-transform:rotate(360deg)}}@-ms-keyframes rotate{0%,100%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(360deg)}}.fast-rotate{animation:rotate 32s linear infinite;-webkit-animation:rotate 32s linear infinite;-moz-animation:rotate 32s linear infinite;-o-animation:rotate 32s linear infinite;-ms-animation:rotate 32s linear infinite}.slow-rotate{animation:rotate 200s linear infinite;-webkit-animation:rotate 200s linear infinite;-moz-animation:rotate 200s linear infinite;-o-animation:rotate 200s linear infinite;-ms-animation:rotate 200s linear infinite}#loading-page{width:calc(100% - 100px);position:fixed}#loading-ring{width:50px;height:50px;margin:200px auto auto;position:relative;border-radius:50%;border:5px solid gray;border-bottom:5px solid #fff}.loading-rotate{animation:rotate 1s linear infinite;-webkit-animation:rotate 1s linear infinite;-moz-animation:rotate 1s linear infinite;-o-animation:rotate 1s linear infinite;-ms-animation:rotate 1s linear infinite}