*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}.nav-bar{display:flex;position:absolute;color:#fff;z-index:99}ul{list-style:none;margin:0rem 1rem;display:flex;flex-direction:column}a{display:flex;text-decoration:none;color:#fff;font-size:1rem;padding:.25rem 0rem;margin:.25rem 0rem;font-family:Roboto,sans-serif;font-weight:500;text-shadow:1px 1px 2px black}a:hover{text-decoration:underline}.loading-bar{position:absolute;top:50%;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:top left;transition:transform .5s;will-change:transform}.loading-text{padding-top:.5rem;color:#fff;position:absolute;top:50%;width:100%;text-align:center;will-change:transform}.loading-text1{padding-top:.5rem;color:#fff;position:absolute;top:calc(50% - 2rem);width:100%;text-align:center;will-change:transform}.ended{transform:scaleX(0);transform-origin:top right;transition:transform 1.5s ease-in-out}.point{position:absolute;top:50%;left:50%}.point.visible .label{transform:scale(1)}.point .label{position:absolute;top:-20px;left:-20px;width:40px;height:40px;border-radius:50%;background-color:#00000085;color:#fff;font-family:Helvetica,Arial,Helvetica,sans-serif;text-align:center;line-height:40px;font-weight:100;font-size:14px;cursor:crosshair;transform:scale(0);transition:transform .3s}.point .text{position:absolute;top:30px;width:200px;left:-115px;border-radius:4px;background-color:#00000085;color:#fff;padding:15px;font-family:Helvetica,Arial,Helvetica,sans-serif;font-weight:100;font-size:14px;opacity:0;transition:opacity .3s;pointer-events:none}.point:hover .text{opacity:1}