*{
 margin : 0px;
 padding: 0;
 box-sizing: border-box;
}

.kernel  {
	position: absolute;
	top: 350px;
	width : 200px;
	height : 200px;
	border-radius: 50%;
	background-image: linear-gradient(Orangered, Tomato);
	transform: translateX(-50%);
	filter: blur(10px);
	animation: blink 3s infinite alternate;
}

.left.kernel {
	z-index: 11;
 	left: 550px;
 	/*background-color: Red;*/
 	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
}
.right.kernel {
	z-index: 11;
	right: 550px;
	/*background-color: Crimson;*/
}

.shadow {
	position: absolute;
	top: 370px;

	width: 200px;
	height: 200px;
	border-radius: 50%;
	
	/*background-color: Gray;*/
	background-image: linear-gradient(15deg, Red, Gray);
	background-color: rgba(0,0,0,.25);
	filter: blur(10px);
}

.left.shadow {
	z-index: 10;
	left: 550px;
	transform: translateX(-50%);
}

.right.shadow {
	z-index: 10;
	right: 550px;
	transform: translateX(-50%);
}


 @keyframes blink {
 	0% {
 		width: 0%
 		background-image: none;
 		background-color: Pink;
 		} 50% {
 		width: 22%;
 		background-image: none;
 		background-color: linear-gradient(15deg, yellow, pink);

 		}
 }