*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}h1{text-align:center;position:absolute;top:25px;font-size:19px;width:100%;font-weight:100;color:#fff;color:#ececee7e;font-style:italic;font-family:monospace}.loading-bar{top:60%;left:50%;position:absolute;transform:translate(-50%,-50%);width:250px;background:rgba(236,236,238,.253);height:3px;opacity:1;border-radius:7px;transition:.5s ease;color:#ececee7e;font-style:italic;font-family:monospace;text-align:center;z-index:1}.loading-bar p{margin-top:7px}.progress{content:"";width:250px;height:3px;opacity:1;border-radius:7px;transform:scaleX(0);background:rgb(255,255,255);transition:.5s ease;z-index:1}.ended{opacity:0}