.ball-1{background:var(--primary-color);width:80px;height:80px;position:absolute;z-index:1;border-radius:100%;top:10%;right:72%}.ball-2{background:var(--primary-color);width:15px;height:15px;position:absolute;z-index:1;border-radius:100%;top:10%;left:65%}.ball-3{background:var(--green-color);width:18px;height:18px;position:absolute;z-index:1;border-radius:100%;top:60%;left:0%}.ball-4{background:#EEF28D;width:30px;height:30px;position:absolute;z-index:1;border-radius:100%;top:7%;right:5%}.ball-5{background:var(--green-color);width:8px;height:8px;position:absolute;z-index:1;border-radius:100%;top:30%;right:10%}.ball-6{background:var(--green-color);width:15px;height:15px;position:absolute;z-index:1;border-radius:100%;top:5%;right:7%}.ball-7{background:var(--primary-color);width:8px;height:8px;position:absolute;z-index:1;border-radius:100%;bottom:8%;right:-20px}.ability{position:relative;display:flex;flex-direction:column;justify-items:center;height:600px;overflow:hidden}.ability .block-circle{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;width:100%;height:300px;left:0;top:-150px}.ability .block-circle .circle{background-color:var(--primary-color);height:180%;width:120%;border-radius:50%;margin:auto;position:absolute;z-index:0}@media (min-width: 768px){.ability .block-circle{top:0}}