.hole{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}i{display:block;position:absolute;width:500px;height:500px;z-index:1;border-radius:500px;opacity:0;animation-name:scale;animation-duration:4.8s;animation-iteration-count:infinite;animation-timing-function:linear;will-change:transform,opacity}i:first-child{animation-delay:.3s}i:nth-child(2){animation-delay:.6s}i:nth-child(3){animation-delay:.9s}i:nth-child(4){animation-delay:1.2s}i:nth-child(5){animation-delay:1.5s}i:nth-child(6){animation-delay:1.8s}i:nth-child(7){animation-delay:2.1s}i:nth-child(8){animation-delay:2.4s}i:nth-child(9){animation-delay:2.7s}i:nth-child(10){animation-delay:3s}i:nth-child(11){animation-delay:3.3s}i:nth-child(12){animation-delay:3.6s}i:nth-child(13){animation-delay:3.9s}i:nth-child(14){animation-delay:4.2s}i:nth-child(15){animation-delay:4.5s}i:nth-child(16){animation-delay:4.8s}i:nth-child(17){animation-delay:5.1s}i:nth-child(18){animation-delay:5.4s}@keyframes scale{0%{transform:scale(2);opacity:0;box-shadow:0 0 50px rgba(255,255,255,.5)}50%{transform:scale(1) translateY(-5px);opacity:1;box-shadow:0 8px 20px rgba(255,255,255,.5)}to{transform:scale(.1) translateY(5px);opacity:0;box-shadow:0 10px 20px rgba(255,255,255,0)}}#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{z-index:10;width:60px;height:60px;display:grid;place-items:center;background:#5227FF;border-radius:50%;cursor:pointer;border:5px solid #ffffff}.face-title{user-select:none;font-weight:900;font-size:4rem;left:1.6em}.action-button-icon{user-select:none;position:relative;color:#fff;top:2px;font-size:26px}.face-title{position:absolute;top:50%;transform:translate(20%,-50%)}.face-title.active{opacity:1;transform:translate(20%,-50%);pointer-events:auto;transition:.5s ease}.face-title.inactive{pointer-events:none;opacity:0;transition:.1s ease}.face-description{user-select:none;position:absolute;max-width:10ch;top:50%;font-size:1.5rem;right:1%;transform:translateY(-50%)}.face-description.active{opacity:1;transform:translate(-90%,-50%);pointer-events:auto;transition:.5s ease}.face-description.inactive{pointer-events:none;transform:translate(-60%,-50%);opacity:0;transition:.1s ease}.action-button{position:absolute;left:50%}.action-button.active{bottom:3.8em;transform:translateX(-50%) scale(1);opacity:1;pointer-events:auto;transition:.5s ease}.action-button.inactive{bottom:-80px;transform:translateX(-50%) scale(0);opacity:0;pointer-events:none;transition:.1s ease}