.ball:nth-child(1){
	width: 150px;
	height: 150px;
	background-color: #701d0b;
	-webkit-border-radius: 50%;
	       	border-radius: 50%;
	margin: 16px;
	margin: 1rem;
    -webkit-animation: first-ball 5s linear 2s infinite alternate;
            animation: first-ball 5s linear 2s infinite alternate;
}

.ball:nth-child(2){
	width: 50px;
	height: 50px;
	background-color: #701d0b;
	-webkit-border-radius: 50%;
	       	border-radius: 50%;
    -webkit-animation: second-ball 5s linear 2s infinite alternate-reverse;
            animation: second-ball 5s linear 2s infinite alternate-reverse;
}

.ball:nth-child(3){
	width: 30px;
	height: 30px;
	background-color: #701d0b;
	-webkit-border-radius: 50%;
	       	border-radius: 50%;
	-webkit-animation: first-ball 5s linear 2s infinite alternate-reverse;
	        animation: first-ball 5s linear 2s infinite alternate-reverse;
}


@-webkit-keyframes first-ball{
	0%{
	-webkit-transform: translate(0px,0px);
	        transform: translate(0px,0px);
	}
	5%{
	-webkit-transform: translate(-10px,10px);
	        transform: translate(-10px,10px);
	}
	10%{
	-webkit-transform: translate(-20px,20px);
	        transform: translate(-20px,20px);
	}
	15%{
	-webkit-transform: translate(-30px,30px);
	        transform: translate(-30px,30px);
	}
	20%{
	-webkit-transform: translate(-40px,40px);
	        transform: translate(-40px,40px);
	}
	25%{
	-webkit-transform: translate(-50px,50px);
	        transform: translate(-50px,50px);
	}
	30%{
	-webkit-transform: translate(-40px,60px);
	        transform: translate(-40px,60px);
	}
	35%{
	-webkit-transform: translate(-30px,70px);
	        transform: translate(-30px,70px);
	}
	40%{
	-webkit-transform: translate(-20px,80px);
	        transform: translate(-20px,80px);
	}
	45%{
	-webkit-transform: translate(-10px,90px);
	        transform: translate(-10px,90px);
	}
	50%{
	-webkit-transform: translate(0px,100px);
	        transform: translate(0px,100px);
	}
	55%{
	-webkit-transform: translate(10px,90px);
	        transform: translate(10px,90px);
	}
	60%{
	-webkit-transform: translate(20px,80px);
	        transform: translate(20px,80px);
	}
	65%{
	-webkit-transform: translate(30px,70px);
	        transform: translate(30px,70px);
	}
	70%{
	-webkit-transform: translate(40px,60px);
	        transform: translate(40px,60px);
	}
	75%{
	-webkit-transform: translate(50px,50px);
	        transform: translate(50px,50px);
	}
	80%{
	-webkit-transform: translate(40px,40px);
	        transform: translate(40px,40px);
	}
	85%{
	-webkit-transform: translate(30px,30px);
	        transform: translate(30px,30px);
	}
	90%{
	-webkit-transform: translate(20px,20px);
	        transform: translate(20px,20px);
	}
	95%{
	-webkit-transform: translate(10px,10px);
	        transform: translate(10px,10px);
	}
	100%{
	-webkit-transform: translate(0px,0px);
	        transform: translate(0px,0px);
	}
}
@keyframes first-ball{
	0%{
	-webkit-transform: translate(0px,0px);
	        transform: translate(0px,0px);
	}
	5%{
	-webkit-transform: translate(-10px,10px);
	        transform: translate(-10px,10px);
	}
	10%{
	-webkit-transform: translate(-20px,20px);
	        transform: translate(-20px,20px);
	}
	15%{
	-webkit-transform: translate(-30px,30px);
	        transform: translate(-30px,30px);
	}
	20%{
	-webkit-transform: translate(-40px,40px);
	        transform: translate(-40px,40px);
	}
	25%{
	-webkit-transform: translate(-50px,50px);
	        transform: translate(-50px,50px);
	}
	30%{
	-webkit-transform: translate(-40px,60px);
	        transform: translate(-40px,60px);
	}
	35%{
	-webkit-transform: translate(-30px,70px);
	        transform: translate(-30px,70px);
	}
	40%{
	-webkit-transform: translate(-20px,80px);
	        transform: translate(-20px,80px);
	}
	45%{
	-webkit-transform: translate(-10px,90px);
	        transform: translate(-10px,90px);
	}
	50%{
	-webkit-transform: translate(0px,100px);
	        transform: translate(0px,100px);
	}
	55%{
	-webkit-transform: translate(10px,90px);
	        transform: translate(10px,90px);
	}
	60%{
	-webkit-transform: translate(20px,80px);
	        transform: translate(20px,80px);
	}
	65%{
	-webkit-transform: translate(30px,70px);
	        transform: translate(30px,70px);
	}
	70%{
	-webkit-transform: translate(40px,60px);
	        transform: translate(40px,60px);
	}
	75%{
	-webkit-transform: translate(50px,50px);
	        transform: translate(50px,50px);
	}
	80%{
	-webkit-transform: translate(40px,40px);
	        transform: translate(40px,40px);
	}
	85%{
	-webkit-transform: translate(30px,30px);
	        transform: translate(30px,30px);
	}
	90%{
	-webkit-transform: translate(20px,20px);
	        transform: translate(20px,20px);
	}
	95%{
	-webkit-transform: translate(10px,10px);
	        transform: translate(10px,10px);
	}
	100%{
	-webkit-transform: translate(0px,0px);
	        transform: translate(0px,0px);
	}
}

@-webkit-keyframes second-ball{
	0%{
	-webkit-transform: translate(0px,0px);
	        transform: translate(0px,0px);
	}
	5%{
	-webkit-transform: translate(-20px,20px);
	        transform: translate(-20px,20px);
	}
	10%{
	-webkit-transform: translate(-40px,40px);
	        transform: translate(-40px,40px);
	}
	15%{
	-webkit-transform: translate(-60px,60px);
	        transform: translate(-60px,60px);
	}
	20%{
	-webkit-transform: translate(-80px,80px);
	        transform: translate(-80px,80px);
	}
	25%{
	-webkit-transform: translate(-100px,100px);
	        transform: translate(-100px,100px);
	}
	30%{
	-webkit-transform: translate(-80px,120px);
	        transform: translate(-80px,120px);
	}
	35%{
	-webkit-transform: translate(-60px,140px);
	        transform: translate(-60px,140px);
	}
	40%{
	-webkit-transform: translate(-40px,160px);
	        transform: translate(-40px,160px);
	}
	45%{
	-webkit-transform: translate(-20px,180px);
	        transform: translate(-20px,180px);
	}
	50%{
	-webkit-transform: translate(0px,200px);
	        transform: translate(0px,200px);
	}
	55%{
	-webkit-transform: translate(20px,180px);
	        transform: translate(20px,180px);
	}
	60%{
	-webkit-transform: translate(40px,160px);
	        transform: translate(40px,160px);
	}
	65%{
	-webkit-transform: translate(60px,140px);
	        transform: translate(60px,140px);
	}
	70%{
	-webkit-transform: translate(80px,120px);
	        transform: translate(80px,120px);
	}
	75%{
	-webkit-transform: translate(100px,100px);
	        transform: translate(100px,100px);
	}
	80%{
	-webkit-transform: translate(80px,80px);
	        transform: translate(80px,80px);
	}
	85%{
	-webkit-transform: translate(60px,60px);
	        transform: translate(60px,60px);
	}
	90%{
	-webkit-transform: translate(40px,40px);
	        transform: translate(40px,40px);
	}
	95%{
	-webkit-transform: translate(20px,20px);
	        transform: translate(20px,20px);
	}
	100%{
	-webkit-transform: translate(0px,0px);
	        transform: translate(0px,0px);
	}
}