#birthday {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 1;
	opacity: 1;
	transition: all 0ms;
}
.birth-balloon {
	position: absolute;
	top: 100%; left: 0;
	width: 400px;
	/*background-image: url(balloon01.png);*/
	background-size: contain;
	background-repeat: no-repeat;

	animation-name: balloon;
	animation-timing-function: ease;
	/*animation-duration: 8s;*/
	/*animation-delay: 1s;*/
	/*animation-iteration-count: infinite;*/
}
@keyframes balloon {
	0% { top: 100%; }
	100% { top: -100%; }
}
#happybirthday {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-image: url(happybirthday.png);
	background-position: 50%;
	opacity: 0;
	transform: scale(3);
	transition: all 1s;
}