*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;z-index:-1;outline:none}.loading-bar{position:absolute;top:50%;width:100%;height:2px;background:#ffffff;transform:scaleX(.3);transform-origin:top left;transition:transform .5s}.loading-bar.ended{transform:scaleX(0);transform-origin:100% 0;transition:transform 1.5s ease-in-out}.point{position:absolute;top:50%;left:50%}.point .label{position:absolute;top:-20px;left:-20px;width:20px;height:20px;border-radius:50%;background:#ffffff;border:1px solid #ffffff77;color:#fff;font-family:Helvetica,Arial,sans-serif;text-align:center;line-height:40px;font-weight:100;font-size:34px;cursor:help;transform:scale(0);transition:transform .3s}.point .text{position:absolute;top:30px;left:-120px;width:200px;padding:20px;border-radius:4px;background:#00000077;border:1px solid #ffffff77;color:#fff;line-height:1.3em;font-family:Helvetica,Arial,sans-serif;font-weight:100;font-size:14px;opacity:0;transition:opacity .3s;pointer-events:none}.point:hover .text{opacity:1}.point.visible .label{transform:scale(1)}.navbar{padding:10px 20px;z-index:10;font-family:Helvetica,Arial,sans-serif;font-weight:100;color:#fff;z-index:-10;border-bottom:solid white}.nav-item{color:#fff;text-decoration:none;margin-right:20px}.nav-item:hover{color:#ff0}button{position:absolute;top:90%;left:90%;width:4rem;height:4rem}