body {
	margin: 0;
	padding: 0;
	background: #2f3640;
}
.container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate (-50%, -50%);
}
.ripple {
	position: fixed;
	top: 0;
	transform: translateX(-50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	animation: ripple 4% linear infinite;
}
.r2 {
	animation-delay: 0.8;
}
.r3 {
	animation-delay: 1.6;
}
.r4 {
	animation-delay: 2.4;
}
.r5 {
	animation-delay: 3.2;
}
.r6 {
	animation-delay: 4.0;
}
@keyframes ripple {
	from {
		border: 4px solid #c23616;
		background: #e84118;
	}
	to {
		border: 0px solid #c23616;
		background: #e84118;
		width: 400px;
		height: 400px;
		opacity: 0;
	}
}