body {
	background-color: #cc0000;
	animation-name: bodycolor;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes bodycolor {
	0% { background-color: #990000; }
	25% { background-color: #cc0000 }
	50% { background-color: #4d0000 }
	75% { background-color: #cc0000 }
	100% { background-color: #990000 }

}

.circleday1 {
	position: absolute;
	width: 20px;
	height: 20px;
	margin: -50px 0 0 0px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday2 {
	position: absolute;
	width: 40px;
	height: 40px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday3 {
	position: absolute;
	width: 60px;
	height: 60px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday4 {
	position: absolute;
	width: 80px;
	height: 80px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday5 {
	position: absolute;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday6 {
	position: absolute;
	width: 120px;
	height: 120px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday7 {
	position: absolute;
	width: 140px;
	height: 140px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday8 {
	position: absolute;
	width: 160px;
	height: 160px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday9 {
	position: absolute;
	width: 180px;
	height: 180px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday10 {
	position: absolute;
	width: 200px;
	height: 200px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday11 {
	position: absolute;
	width: 220px;
	height: 220px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________ 
.circleday12 {
	position: absolute;
	width: 240px;
	height: 240px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________ 
.circleday13 {
	position: absolute;
	width: 260px;
	height: 260px;
	margin: -100px 0 0 -100px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________ 
.circleday14 {
	position: absolute;
	width: 280px;
	height: 280px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday15 {
	position: absolute;
	width: 300px;
	height: 300px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday16 {
	position: absolute;
	width: 320px;
	height: 320px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday17 {
	position: absolute;
	width: 340px;
	height: 340px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday18 {
	position: absolute;
	width: 360px;
	height: 360px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday19 {
	position: absolute;
	width: 380px;
	height: 380px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________
.circleday20 {
	position: absolute;
	width: 400px;
	height: 400px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________ 
.circleday21 {
	position: absolute;
	width: 420px;
	height: 420px;
	margin: -200px 0 0 -200px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________ 
.circleday22 {
	position: absolute;
	width: 440px;
	height: 440px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________ 
.circleday23 {
	position: absolute;
	width: 460px;
	height: 460px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background-color: #cc0000;
	border-radius: 50%;
	animation-name: circlegrowing;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes circlegrowing {
	0% { background-color: #cc0000; }
	25% { background-color: #990000 }
	50% { background-color: #4d0000 }
	75% { background-color: #990000 }
	100% { background-color: #cc0000 }
}
_____________________________________________ 
.celebration {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	top: 50%;
	left: 50%;
	background: #cc0000;
	border-radius: 50%;
	transform: translateY(0);
	animation: celebration 1s linear infinite alternate;
}


@keyframes celebration {
	0% { transform: translate(10px,0); }
 	20% { transform: translate(30px,100px); }
 	40% { transform: translate(50px,200px); }
 	60% { transform: translate(30px,300px); }
 	80% { transform: translate(10px,400px); }
 	100% { transform: translate(30px,500px); }
}