@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}body div#root{opacity:0;transition:opacity .5s ease-in-out}body div#loadingholder{color:#e03131;left:0;position:fixed;text-align:center;top:0;transition:opacity .5s ease-in-out;width:100%}body div#loadingholder .loader{animation:rotation 2s linear infinite;border-color:#900;border-radius:50%;border-style:solid solid dotted dotted;border-width:6px;box-sizing:border-box;display:inline-block;height:96px;position:relative;width:96px}body div#loadingholder .loader:after{animation:rotationBack 1s linear infinite;border:3px #ff3d00;border-radius:50%;border-style:solid solid dotted;bottom:0;box-sizing:border-box;content:"";height:48px;left:0;margin:auto;position:absolute;right:0;top:0;transform-origin:center center;width:48px}body.loaded div#root{opacity:1}body.loaded div#loadingholder{opacity:0}