.timingGen{animation-name:FadeIn;transition-timing-function:linear}.timing0{animation-duration:1s}.timing1{animation-duration:2s}.timing2{animation-duration:3s}.timing3{animation-duration:4s}.timing4{animation-duration:5s}.timing5{animation-duration:5.5s}.timing6{animation-duration:6s}.timing7{animation-duration:6.5s}.timing8{animation-duration:7s}.timing9{animation-duration:7.5s}.timing10{animation-duration:8s}.revealBall{position:relative;transform:translateY(50px);opacity:0;transition:.9s all ease}.revealBall.active{transform:translateY(0);opacity:1}@media (max-width:640px){.revealBall{all:unset;animation-name:FadeIn;transition-timing-function:linear;animation-duration:13s}}@keyframes FadeIn{0%{opacity:0}100%{opacity:1}}.ballContainer{Xborder:solid 1px #ff0;width:4vw;grid-row-gap:1vw;grid-row-gap:15px;display:flex;flex-direction:column}.ballGen{border-radius:50%;padding:0;margin:0;height:4vw;box-shadow:3px 3px 20px rgba(0,0,0,.4);Xborder:solid 1px red}.ball1{background-image:linear-gradient(to top left,rgba(0,51,51,.6),rgba(0,102,102,1))}.ball2{background-image:linear-gradient(to top left,rgba(0,51,51,.55),rgba(0,102,102,1))}.ball3{background-image:linear-gradient(to top left,rgba(0,51,51,.5),rgba(0,102,102,1))}.ball4{background-image:linear-gradient(to top left,rgba(0,51,51,.45),rgba(0,102,102,1))}.ball5{background-image:linear-gradient(to top left,rgba(0,51,51,.4),rgba(0,102,102,1))}.ball6{background-image:linear-gradient(to top left,rgba(0,51,51,.4),rgba(0,102,102,.9))}.ball7{background-image:linear-gradient(to top left,rgba(0,51,51,.3),rgba(0,102,102,.9))}.ball8{background-image:linear-gradient(to top left,rgba(0,51,51,.3),rgba(0,102,102,.8))}.ball9{background-image:linear-gradient(to top left,rgba(0,51,51,.2),rgba(0,102,102,.8))}.ball10{background-image:linear-gradient(to top left,rgba(0,51,51,.2),rgba(0,102,102,.7))}.ball11{background-image:linear-gradient(to top left,rgba(0,51,51,.18),rgba(0,102,102,.6))}.ball12{background-image:linear-gradient(to top left,rgba(0,51,51,.16),rgba(0,102,102,.6))}.ball13{background-image:linear-gradient(to top left,rgba(0,51,51,.14),rgba(0,102,102,.6))}.ball14{background-image:linear-gradient(to top left,rgba(0,51,51,.12),rgba(0,102,102,.6))}.ball15{background-image:linear-gradient(to top left,rgba(0,51,51,.1),rgba(0,102,102,.6))}.ball16{background-image:linear-gradient(to top left,rgba(0,51,51,.08),rgba(0,102,102,.6))}.ball17{background-image:linear-gradient(to top left,rgba(0,51,51,.06),rgba(0,102,102,.55))}.ball18{background-image:linear-gradient(to top left,rgba(0,51,51,.04),rgba(0,102,102,.5))}.ball19{background-image:linear-gradient(to top left,rgba(0,51,51,.02),rgba(0,102,102,.45))}.ball20{background-image:linear-gradient(to top left,rgba(0,51,51,0),rgba(0,102,102,.4))}