html,body{margin:0;padding:0;width:100%;height:100dvh;background-color:#0a0a0f;overscroll-behavior-x:none;position:relative;overflow:hidden}.main-container{height:100%;width:100%;overflow:hidden;pointer-events:all;cursor:grab}.main-container:active{cursor:grabbing}.main-container .container{position:relative;width:max-content;will-change:transform}.honeycomb-row{display:flex;gap:1.5vw;margin-bottom:-2.5vw}.honeycomb-row:nth-child(2n){margin-left:6.5vw}.hexagon{width:12vw;height:13.86vw;position:relative;-webkit-user-select:none;user-select:none;pointer-events:all;--border-opacity: .6;will-change:filter;transform:translateZ(0);backface-visibility:hidden}.hexagon:before{content:"";position:absolute;inset:0;background:#00d9ff;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:var(--border-opacity)}.hexagon:after{content:"";position:absolute;inset:4px;background:#0a0a0f;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:1}