body{margin:0;overflow:hidden;background:#efefff}.background{width:100vw;height:100vh;position:absolute;top:0;left:0;--amount:20;overflow:hidden}.background span{width:8vmin;height:8vmin;border-radius:4vmin;backface-visibility:hidden;position:absolute;animation-name:move;animation-timing-function:cubic-bezier(.4,0,1,.8);animation-iteration-count:infinite;animation-duration:3s;top:calc(50% - 4vmin);left:50%;transform-origin:-4vmin center;box-shadow:0 0 20px rgba(128,90,245,.5)}.background span:first-child{background:#805af5;animation-delay:-.5s;opacity:0;box-shadow:0 0 25px rgba(128,90,245,.7)}.background span:nth-child(2){background:#6a4cf7;animation-delay:-1s;opacity:0;box-shadow:0 0 20px rgba(106,76,247,.6)}.background span:nth-child(3){background:#9375ff;animation-delay:-1.5s;opacity:0;box-shadow:0 0 20px rgba(147,117,255,.6)}.background span:nth-child(4){background:#5639d9;animation-delay:-2s;opacity:0;box-shadow:0 0 20px rgba(86,57,217,.6)}.background span:nth-child(5){background:#a990ff;animation-delay:-2.5s;opacity:0;box-shadow:0 0 20px rgba(169,144,255,.6)}.background span:nth-child(6){background:#4529c2;animation-delay:-3s;opacity:0;box-shadow:0 0 25px rgba(69,41,194,.7)}@keyframes move{0%{transform:scale(1) rotate(0deg) translateZ(1px)}30%{opacity:1}to{z-index:10;transform:scale(0) rotate(1turn) translateZ(1px)}}.info-box{background:rgba(20,15,40,.8);border-radius:15px;padding:2rem;margin-top:2rem;backdrop-filter:blur(10px);border:1px solid rgba(128,90,245,.3);max-width:500px;color:#e2d9ff}.info-box h3{color:#a990ff;margin-top:0}.color-palette{display:flex;gap:10px;margin-top:15px}.color-swatch{width:40px;height:40px;border-radius:8px;border:2px solid rgba(255,255,255,.2)}.footer{position:absolute;bottom:20px;color:#a990ff;font-size:.9rem;text-align:center;width:100%}