body{background-color:#000;overflow-x:hidden;overflow-y:hidden;margin:0}#main-container{position:absolute;pointer-events:none;width:98%;height:98%}#scene-container{position:absolute;z-index:1}#gui-container{position:absolute;right:20px;top:20px;pointer-events:auto}#cbar-container{z-index:2;position:relative;height:96vh;width:96vw;top:2vh;left:2vw;opacity:0}#cbar-vert{position:absolute;height:80vh;top:10vh;left:1px;margin:auto}#cbar-horz{position:absolute;width:80vw;left:10vw;bottom:1px}#loader-container{opacity:.7}@keyframes mySpinner{0%{transform:rotate(0)}25%{transform:rotate(45deg)}to{transform:rotate(360deg)}}#loader{display:block;position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-75px 0 0 -75px;border-radius:50%;border:10px solid transparent;border-top-color:#9370db;animation:mySpinner 5s linear;animation-iteration-count:infinite}#loader:before{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:10px solid transparent;border-top-color:#ba55d3;animation:mySpinner 4s linear;animation-iteration-count:infinite}#loader:after{content:"";position:absolute;top:40px;left:40px;right:40px;bottom:40px;border-radius:50%;border:10px solid transparent;border-top-color:#f0f;animation:mySpinner 3s linear;animation-iteration-count:infinite}