@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";.grid-container{--grid:10rem;width:100%;height:100%;top:0;left:0;perspective:100rem;animation:rotate 100s linear infinite forwards}.grid-container,.grid-container .plane{position:absolute;transform-style:preserve-3d}.grid-container .plane{--dir:1;width:300%;height:150%;min-height:70rem;bottom:0;transform-origin:bottom center;transform:translateX(-50%) rotateX(85deg)}.grid-container .plane:last-child{--dir:-1;top:0;transform-origin:top center;transform:translateX(-50%) rotateX(-85deg)}.grid-container .plane:last-child>:after{background-image:linear-gradient(to top,#000 var(--grid),transparent)}.grid-container .plane>*{transform-style:preserve-3d;height:100%;width:100%;position:absolute}.grid-container .plane>:after,.grid-container .plane>:before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0}.grid-container .plane>:before{background-image:repeating-linear-gradient(to left,rgba(255,217,0,.3),rgba(255,217,0,.3) 4px,transparent 4px,transparent var(--grid)),repeating-linear-gradient(to bottom,rgba(255,217,0,.3),rgba(255,217,0,.3) 4px,transparent 4px,transparent var(--grid));animation:move 1s linear infinite forwards}.grid-container .plane>:after{background-image:linear-gradient(to bottom,#000 var(--grid),transparent);z-index:1;transform:translateZ(1px)}.grid-container .plane .glow{filter:blur(1rem);z-index:1;mix-blend-mode:plus-lighter}@keyframes move{0%{transform:translateY(0)}to{transform:translateY(calc(var(--grid) * var(--dir)))}}@keyframes blink{0%{visibility:visible}50%{visibility:visible}51%{visibility:hidden}to{visibility:hidden}}