.ball{background:radial-gradient(309.87% 62.74% at 15.63% 60.23%,#fff 0%,var(--Lime-300,#bbf451)30%,var(--Green-500,#00bc7d)70%,#fff 100%);filter:blur(150px);z-index:-1;border-radius:100%;width:70%;max-width:1327px;height:70%;max-height:800px;margin:0 auto;position:absolute;bottom:-100px;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;top:0;bottom:0;left:0;right:0}.viewport .float{transform-origin:100%;z-index:-1;position:absolute}.viewport .float>div{background:#fff;border-radius:16px;max-width:270px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.05),0 6px 20px rgba(0,0,0,.05)}.viewport .float div.box{padding:12px}