@charset "utf-8";

.star {
	animation: kirakira 8s linear , hadou2 2s linear infinite;
	/*background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 25%, #FFFFFF 50%, #FFFFFF 75%, #FFFFFF 100%) 0% center / 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;*/
	color: #ffd53f;
	display: inline-block;
	height: 1em;
	line-height: 1em;
	position: absolute;
	top: -1em;
	z-index: 1000;
}

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

@keyframes gradation_text {
	to { background-position-x: 200%; }
}

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

	50% {
	  text-shadow    : 
	       5px  5px 10px rgba(255, 213, 63, 1),
	      -5px  5px 10px rgba(255, 213, 63, 1),
	       5px -5px 10px rgba(255, 213, 63, 1),
	      -5px -5px 10px rgba(255, 213, 63, 1),
	       5px  0px 10px rgba(255, 213, 63, 1),
	       0px  5px 10px rgba(255, 213, 63, 1),
	      -5px  0px 10px rgba(255, 213, 63, 1),
	       0px -5px 10px rgba(255, 213, 63, 1);
	}

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