*{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--w:180px;--h:180px}body,html{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}#main,body,html{width:100%;height:100%}#main{background:#023b3b url(/img/bg.989f83ae.gif) 50%;background-size:cover;filter:brightness(100%)}.sphere-img{position:absolute;width:90%;height:90%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:transparent}#list{position:relative;width:100%;height:100%;perspective:1000px}#list ul{left:50%;top:50%;margin-left:calc(var(--w)/-2);margin-top:calc(var(--h)/-2);list-style:none;transform-style:preserve-3d;transform:translateZ(-1500px) rotateX(0deg) rotateY(0deg)}#list ul,#list ul li{width:var(--w);height:var(--h);position:absolute}#list ul li{top:0;left:0;border-radius:50%;overflow:hidden;background-image:url(/img/border.2ff752b4.png);background-size:100% 100%;background-color:rgba(3,204,254,.5);border:1px solid rgba(3,204,254,.25);box-shadow:0 0 12px rgba(3,204,254,.5);text-align:center;transition:transform 3s cubic-bezier(.94,.02,.49,.98)}#app{width:100vw;height:100vh}