/* =========================================================
   PARALLAX BACKGROUND WRAPPER
   - Fullscreen fixed háttér
   - Minden más content mögött
========================================================= */

#rp-parallax-bg-test {
    position: fixed;
    top: 0; 
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #000;
    pointer-events: none;
    overflow: visible;
    z-index: 0;
}

.rp-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

.layer-back  { z-index: 1; }
.layer-mid   { z-index: 2; }
.layer-front { z-index: 3; }

/* =========================================================
   BALL WRAPPERS & GLOW + JAVÍTOTT ZÖLD FÉNY
========================================================= */

.ball-wrapper {
    position: absolute;
    pointer-events: none;
}

/* ÚJ, JAVÍTOTT HALVÁNY ZÖLD GLOW – MINDIG LÁTHATÓ */
/* HALVÁNY, KISMÉRETŰ ROLLERPIAC ZÖLD GLOW – finom háttérfény */

/* KÖZEPES, ELEGÁNS ROLLERPIAC ZÖLD GLOW – közép finomhangolt verzió */
.rp-glow {
    position: absolute;

    /* kisebb, a labda köré húzott glow */
    width: 140%;
    height: 190%;
    top: -20%;
    left: -20%;

    /* finom, simított Rollerpiac aura – eredeti erősséggel */
    background: radial-gradient(
        circle,
        rgba(41,255,38,0.18) 0%,
        rgba(41,255,38,0.14) 12%,
        rgba(41,255,38,0.10) 25%,
        rgba(41,255,38,0.07) 40%,
        rgba(41,255,38,0.04) 55%,
        rgba(41,255,38,0.02) 70%,
        rgba(41,255,38,0.00) 85%
    );
    background-blend-mode: overlay;

    filter: blur(85px);
    opacity: 0.38;
    pointer-events: none;
}

/* =========================================================
   GÖMB MÉRETEK – Rollerpiac nagy méretek
========================================================= */

.ball {
    position: relative;
    display: block;
    pointer-events: none;
}

.ball.small {
    width: 120px;
    height: 120px;
}

.ball.medium {
    width: 240px;
    height: 240px;
}

.ball.large {
    width: 420px;
    height: 420px;
}

.ball.front-large {
    width: 580px;
    height: 580px;
}

/* =========================================================
   ENYHE AMBIENT LEBEGÉS
========================================================= */

@keyframes floatSoft {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(-8px); }
    100% { transform: translateY(0px); }
}

.ball-wrapper {
    animation: floatSoft 6s ease-in-out infinite;
}

ez lesz a végleges css eddig. Nézzük meg úgy, hogy a két legnagyobb golyó halványabb