*{margin:0;padding:0;}
body,html{
    height:100%;
    width:100%;
    overflow: hidden;
}
.spheremotion_body{
    height:80%;
    margin: 0px auto;
    position:relative;
    top: 10%;
}
.ball{
  background-image: linear-gradient( rgba(90,214,184) , rgba(183,250,204));
  border-radius: 50%;
  position: absolute;
}
.ball1 {
  width: 40px;
  height: 40px;
  top: 0;
  left: 70%;
  animation:animX1 4s cubic-bezier(0.36,0,0.64,1) -2s infinite alternate,
  animY1 4s cubic-bezier(0.36,0,0.64,1)  0s infinite alternate;
}
.ball2{
  width: 80px;
  height: 80px;
  top: 30%;
  left: 72%;
  animation:animX2 4s cubic-bezier(0.36,0,0.64,1) -2s infinite alternate,
  animY2 4s cubic-bezier(0.36,0,0.64,1)  0s infinite alternate;
}
.ball3{
  width: 70px;
  height: 70px;
  top: 50%;
  left: 75%;
  animation:animX3 4s cubic-bezier(0.36,0,0.64,1) -2s infinite alternate,
  animY3 4s cubic-bezier(0.36,0,0.64,1)  0s infinite alternate;
}
.ball4{
  width: 50px;
  height: 50px;
  top: 70%;
  left: 83%;
  animation:animX4 4s cubic-bezier(0.36,0,0.64,1) -2s infinite alternate,
  animY4 4s cubic-bezier(0.36,0,0.64,1)  0s infinite alternate;
}
.ball5{
  width: 20px;
  height: 20px;
  top: 62%;
  left: 22%;
  animation:animX5 4s cubic-bezier(0.36,0,0.64,1) -2s infinite alternate,
  animY5 4s cubic-bezier(0.36,0,0.64,1)  0s infinite alternate;
}
.ball6{
  width: 30px;
  height: 30px;
  top: 45%;
  left: 26%;
  animation:animX6 4s cubic-bezier(0.36,0,0.64,1) -2s infinite alternate,
  animY6 4s cubic-bezier(0.36,0,0.64,1)  0s infinite alternate;
}
@keyframes animX1{
  0% {left: 70%;}
  100% {left: 20%;}
}
@keyframes animY1{
  0% {top: 0;}
  100% {top: 70%;}
}
@keyframes animX2{
  0% {left: 72%;}
  100% {left: 48%;}
}
@keyframes animY2{
  0% {top: 30%;}
  100% {top: 56%;}
}
@keyframes animX3{
  0% {left: 75%;}
  100% {left: 20%;}
}
@keyframes animY3{
  0% {top: 50%;}
  100% {top: 28%;}
}
@keyframes animX4{
  0% {left: 83%;}
  100% {left: 22%;}
}
@keyframes animY4{
  0% {top: 70%;}
  100% {top: 14%;}
}
@keyframes animX5{
  0% {left: 22%;}
  100% {left: 94%;}
}
@keyframes animY5{
  0% {top: 62%;}
  100% {top: 13%;}
}
@keyframes animX6{
  0% {left: 26%;}
  100% {left: 86%;}
}
@keyframes animY6{
  0% {top: 45%;}
  100% {top: 65%;}
}