#preloader{width:100%;height:100%;position:fixed;top:0;left:0}#loader{border:3px solid #0000;border-top-color:#9370db;border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;animation:2s linear infinite spin;display:block;position:relative;top:50%;left:50%}#loader:before{content:"";border:3px solid #0000;border-top-color:#ba55d3;border-radius:50%;animation:3s linear infinite spin;position:absolute;top:5px;bottom:5px;left:5px;right:5px}#loader:after{content:"";border:3px solid #0000;border-top-color:#f0f;border-radius:50%;animation:1.5s linear infinite spin;position:absolute;top:15px;bottom:15px;left:15px;right:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}