@charset "utf-8";

.star {
	animation: kirakira 6s linear , hadou2 3s linear infinite;
	color: #FF7800;
	display: inline-block;
	height: 1em;
	line-height: 1em;
	position: fixed;
	top: -1em;
	z-index: -10;
}

@keyframes kirakira {
	0% {
		/*transform:translateY(0) scale(1));*/
		transform:translateY(750px) scale(0);
		opacity:0;
	}
	50% {
		/*transform:translateY(calc(100vh + 1em)) rotateY(3600deg);*/
		/*transform:translateY(1000px) scale(0);*/
		transform:translateY(350px)scale(1);
		opacity:1;
	}
	100% {
		/*transform:translateY(calc(100vh + 1em)) rotateY(3600deg);*/
		/*transform:translateY(1000px) scale(0);*/
		transform:translateY(0) scale(0);
		opacity:0;
	}
}

@keyframes hadou2 {
	0% {
	text-shadow: 
	0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
	    text-shadow: 5px 5px 10px rgb(255 226 66 / 70%), -5px 5px 10px rgb(255 226 66 / 70%), 5px -5px 10px rgb(255 226 66 / 70%), -5px -5px 10px rgb(255 226 66 / 70%), 5px 0px 10px rgb(255 226 66 / 70%), 0px 5px 10px rgb(255 226 66 / 70%), -5px 0px 10px rgb(255 226 66 / 70%), 0px -5px 10px rgb(255 226 66 / 70%);
}

	100% {
	0 0 0 rgba(0, 0, 0, 0);
	}
}