.stage {
    display: inline-block;
    width:  30px;
    height: 30px;
    margin: 2px;
    -webkit-perspective: 120px;
    -moz-perspective:    120px;
    -ms-perspective:     120px;
    -o-perspective:      120px;
    perspective:         120px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin:    50% 50%;
    -ms-perspective-origin:     50% 50%;
    -o-perspective-origin:      50% 50%;
    perspective-origin:         50% 50%;
}



.ball {
    display: inline-block;
    width:  100%;
    height: 100%;
    margin: 0;
    border-radius: 50%;
    position: relative;
    background: radial-gradient(circle at 50% 40%, #fcfcfc, #efeff1 66%, #9b5050 100%);
}

.ball:after {
    content:"";
    width:  100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top:  5%;
    left: 10%;
    background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8) 14%, rgba(255, 255, 255, 0) 24%);
    -webkit-transform: translateX(-8px) translateY(-9px) skewX(20deg);
    -moz-transform:    translateX(-8px) translateY(-9px) skewX(20deg);
    -ms-transform:     translateX(-8px) translateY(-9px) skewX(20deg);
    -o-transform:      translateX(-8px) translateY(-9px) skewX(20deg);
    transform:         translateX(-8px) translateY(-9px) skewX(20deg);
}

.iris {
    width:  40%;
    height: 40%;
    margin: 30%;
    border-radius: 50%;
    position: absolute;
    background: radial-gradient(circle at 50% 50%, #208ab4 0%, #6fbfff 30%, #4381b2 100%);
    -webkit-transform: translateX(6.8px) translateY(-6px) skewX(15deg) skewY(2deg);
    -moz-transform:    translateX(6.8px) translateY(-6px) skewX(15deg) skewY(2deg);
    -ms-transform:     translateX(6.8px) translateY(-6px) skewX(15deg) skewY(2deg);
    -o-transform:      translateX(6.8px) translateY(-6px) skewX(15deg) skewY(2deg);
    transform:         translateX(6.8px) translateY(-6px) skewX(15deg) skewY(2deg);
    -webkit-animation: move 5s ease-out infinite;
    -moz-animation:    move 5s ease-out infinite;
    -ms-animation:     move 5s ease-out infinite;
    -o-animation:      move 5s ease-out infinite;
    animation:         move 5s ease-out infinite;
}
@keyframes move {
    0%  {transform: none;}
    20% {transform: translateX(-6.8px) translateY(3px) skewX(15deg) skewY(-10deg) scale(0.95);}
    25%, 44% {transform: none;}
    50%, 60% {transform: translateX(-6.8px) translateY(3px) skewX(15deg) skewY(-10deg) scale(0.95);}
    66%, 100% {transform: none;}
}



.iris:before {
    content:"";
    display: block;
    width:  37.5%;
    height: 37.5%;
    border-radius: 100%;
    position: absolute;
    top:  31.25%;
    left: 31.25%;
    background: black;
}

.iris:after {
    content: "";
    display: block;
    width:  31.25%;
    height: 31.25%;
    border-radius: 100%;
    position: absolute;
    top:  18.75%;
    left: 18.75%;
    background: rgba(255, 255, 255, 0.2);
}

.shadow {
    width:  100%;
    height: 100%;
    position: absolute;
    background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 50%);
    -webkit-transform: rotateX(90deg) translateZ(-15px);
    -moz-transform:    rotateX(90deg) translateZ(-15px);
    -ms-transform:     rotateX(90deg) translateZ(-15px);
    -o-transform:      rotateX(90deg) translateZ(-15px);
    transform:         rotateX(90deg) translateZ(-15px);
    z-index:-1;
}




	.blogDiv {

                width: 1270px;

                margin: 0 auto;
		font-size: 40px;
		color: #075DB3;
		font-family: Arial;
		
	}
	.blogDiv span {
		display: inline-block;
                
		animation: jump 20s infinite;
	}
	
	@keyframes jump {
		0%
		{
			color: #00BFFF;
			transform: translateY(0);
		}
		2.5%
		{
			color: #E0FFFF;
			transform: translateY(-10px);
		}		
		10%
		{
			color: #00BFFF;
			transform: translateY(0);
		}
		100%
		{
			color: #369;
			transform: translateY(0);
		}
	}
	
	.blogDiv span:nth-child(1){
		animation-delay: 0s;
	}
	.blogDiv span:nth-child(2){
		animation-delay: 2s;
	}
	.blogDiv span:nth-child(3){
		animation-delay: 4s;
	}
	.blogDiv span:nth-child(4){
		animation-delay: 6s;
	}
	.blogDiv span:nth-child(5){
		animation-delay: 8s;
	}

	.blogDiv span:nth-child(7){
		animation-delay: 10s;
	}
	.blogDiv span:nth-child(8){
		animation-delay: 12s;
	}
	.blogDiv span:nth-child(9){
		animation-delay: 14s;
	}
	.blogDiv span:nth-child(10){
		animation-delay: 16s;
	}
	.blogDiv span:nth-child(11){
		animation-delay: 18s;
	}