.ball{background:linear-gradient(90deg,var(--background)0%,var(--secondary)30%,var(--Green-500,#00bc7d)70%,var(--background)100%);filter:blur(100px);z-index:-1;border-radius:100%;width:60%;max-width:1327px;height:60%;max-height:800px;margin:0 auto;position:absolute;bottom:80px;left:0;right:0}.viewport{z-index:1;width:100%;min-width:300px;height:100%;min-height:700px;margin:0 auto;display:flex;position:relative;overflow:hidden}.viewport .content{place-content:center;place-items:center;min-height:700px;margin:0 auto;display:flex;position:absolute;inset:0}.viewport .float{transform-origin:100%;z-index:-1;position:absolute}.viewport .float>div{background:var(--background);border-radius:16px;max-width:270px;overflow:hidden;box-shadow:0 4px 8px #0000000d,0 6px 20px #0000000d}.viewport .float div.box{padding:12px}