.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}

@keyframes FadeIn{0%{opacity:0}100%{opacity:1}}

.ballContainer{width:6vw;grid-row-gap:1vw;grid-row-gap:15px;display:flex;flex-direction:column}.ballGen{border-radius:50%;border-radius:30% 50% 30% 100%;border-radius:15% 30% 60% 120%;border-radius:60% 120% 60% 120%;border-radius:20% 20% 20% 20%;padding:0;margin:0;height:6vw;box-shadow:4px 4px 6px rgba(0,0,0,.6);transition:.5s all ease-in-out}

.ballGen:hover{border-radius:50%;transition:.5s all ease-in-out}

.ball1,.ball2,.ball3,.ball4,.ball5,.ball6,.ball7,.ball8,.ball9,.ball10 {background-image:var(--ballShade)}