*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow:auto}body{background-color:#000;font-family:Courier New,Courier,monospace;display:flex;align-items:center;justify-content:center;color:#fff;min-height:100vh}.text-box pre{margin:0;white-space:pre;text-align:center}.rack-container{flex-direction:column;gap:2rem;padding:2rem;max-width:1400px;align-items:center}.rack-container,.shelf{display:flex;width:100%}.shelf{flex-direction:row;gap:1.5rem;justify-content:center;flex-wrap:wrap}.rack-cube{min-width:220px;height:220px;flex:0 1 auto;perspective:1000px}.spinning-cube{transition:transform .1s ease-out}.cube-3d,.spinning-cube{width:100%;height:100%;transform-style:preserve-3d}.cube-3d{position:relative;animation:spinY 20s linear infinite}@keyframes spinY{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.cube-face{position:absolute;width:100%;height:100%;background-color:#000;border:2px solid #fff;padding:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;line-height:1.6;letter-spacing:.05em;text-transform:uppercase;-webkit-backface-visibility:visible;backface-visibility:visible}.cube-face-front{transform:rotateY(0deg) translateZ(110px)}.cube-face-back{transform:rotateY(180deg) translateZ(110px)}.cube-face-right{transform:rotateY(90deg) translateZ(110px)}.cube-face-left{transform:rotateY(-90deg) translateZ(110px)}.cube-face-top{transform:rotateX(90deg) translateZ(110px)}.cube-face-bottom{transform:rotateX(-90deg) translateZ(110px)}.cube-face pre{margin:0;white-space:pre;text-align:center}.rack-cube pre a,.text-box pre a{color:#d92534;text-decoration:none;cursor:pointer}.rack-cube pre a:hover,.text-box pre a:hover{color:#d92534;text-decoration:underline}.rack-cube pre a:visited,.text-box pre a:visited{color:#d92534}.text-box-container{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.background-text-layers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.background-text-line{position:absolute;left:50%;top:50%;white-space:nowrap;font-family:Courier New,Courier,monospace;font-size:.7rem;color:#fff;text-transform:uppercase;letter-spacing:.05em;opacity:var(--opacity,.2);animation:floatText var(--duration,8s) infinite linear;animation-delay:var(--delay,0s);will-change:transform,opacity}@keyframes floatText{0%{transform:translate(calc(-50% + var(--start-x, 0%)),calc(-50% + var(--start-y, 0%))) rotate(0deg);opacity:0}10%{opacity:var(--opacity,.2)}50%{transform:translate(calc(-50% + var(--start-x, 0%) + 100vw),calc(-50% + var(--start-y, 0%) + 100vh)) rotate(180deg);opacity:var(--opacity,.2)}90%{opacity:var(--opacity,.2)}to{transform:translate(calc(-50% + var(--start-x, 0%) + 200vw),calc(-50% + var(--start-y, 0%) + 200vh)) rotate(1turn);opacity:0}}.text-box{position:relative;z-index:10;background-color:#000;border:2px solid #fff;padding:2rem;font-size:1rem;line-height:1.6;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.background-text-line{font-size:.5rem}.text-box{font-size:.8rem;padding:1.5rem}}