body{background:#000;text-align:center;font-family:Oswald,sans-serif;font-size:22px}a,body{color:#fff}a{text-decoration:underline}h1{margin-bottom:50px;font-weight:300;letter-spacing:.05em}.info{margin-top:60px}.container{margin:0 auto;width:200px;height:200px;position:relative}.inside,.inside b,.inside:after,.inside:before,.loading,.loading:after,.loading:before{display:block;top:50%;left:50%;margin-top:-50%;margin-left:-50%;position:absolute;width:100%;height:100%;border:1px solid #fbfffb;border-radius:100%;-webkit-animation:rotate-center 1s linear infinite both;animation:rotate-center 1s linear infinite both}.inside:after,.inside:before,.loading:after,.loading:before{content:""}.loading:before{border-color:#cd3c2d}.loading:after{border-color:#e7ef4c}.inside{border-color:#e3a8de}.inside:before{border-color:#2a9146}.inside:after{border-color:#41c9c3}.inside b{border-color:#3574c9}.loading{left:calc(50% + 1px)}.loading:before{left:calc(50% + 15px)}.loading:after{top:calc(50% - 10px)}.inside{left:calc(50% - 1px)}.inside:before{margin-top:calc(-50% - 10px)}.inside:after{margin-top:calc(-50% - 5px)}.inside b{top:calc(50% + 5px)}.loading:after{animation-delay:.1s}.loading:before{animation-delay:.25s}.inside{animation-delay:.5s}.inside:before{animation-delay:1s}.inside:after{animation-delay:2s}.inside b{animation-delay:2.5s}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0);width:100%;height:100%}50%{width:101%;height:99%}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);width:100%;height:100%}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0);width:100%;height:100%}50%{width:101%;height:99%}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);width:100%;height:100%}}