body{background-color:#222}#loading-wrapper{width:100%;height:100%;position:fixed;top:0;left:0}#loading-text{color:#999;text-align:center;width:100px;height:30px;margin:-7px 0 0 -45px;font-family:PT Sans Narrow,sans-serif;font-size:20px;display:block;position:absolute;top:50%;left:50%}#loading-content{border:3px solid red;width:170px;height:170px;margin:-85px 0 0 -85px;display:block;position:relative;top:50%;left:50%}#loading-content:after{content:"";border:3px solid #0f0;position:absolute;inset:15px}#loading-content:before{content:"";border:3px solid #00f;position:absolute;inset:5px}#loading-content{border:3px solid #4d658d;border-color:#4d658d #0000;border-radius:50%;animation:2s linear infinite loader}#loading-content:before{-webkit-animation:3s linear infinite loader;-moz-animation:2s linear infinite loader;-o-animation:2s linear infinite loader;border:3px solid #d4cc6a;border-color:#d4cc6a #0000;border-radius:50%;animation:3s linear infinite loader}#loading-content:after{animation:1.5s linear infinite loader;border:3px solid #84417c;border-color:#84417c #0000;border-radius:50%;-moz-animation:2s linear infinite loader;-o-animation:2s linear infinite loader}@-webkit-keyframes loaders{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#content-wrapper{color:#fff;width:100%;height:100%;position:fixed;top:20px;left:0}#header{text-align:center;background-color:#666;width:800px;height:100px;margin:0 auto}#content{text-align:center;background-color:#888;width:800px;height:1000px;margin:0 auto}