/* ---------------------------- */
/*     Audition Coming Soon     */
/* ---------------------------- */

* {
	margin: 0;
	padding: 0;
	font-family: "Tahoma", "sans-serif", "Mitr";
}

:root {
	/* Set neon color */
	--neon-pink-color: #e90bd2;
	--neon-blue-color: #08f;
	--neon-yellow-color: #ffd900;
}

html,
body {
	height: 100%;
	position: relative;
}

body {
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-color: #000;
	background-attachment: fixed;
	display: flex;
	align-items: center;
}

.vinyl-container {
	width: 610px;
	margin: 0 auto;
	position: relative;
}

.vinyl {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	animation: vinyl 1s forwards;
	animation-delay: 3s;
	margin-top: 37px;
}

.box {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	height: 100%;
	width: 100%;
	animation-delay: 5s;
	animation: box 1s forwards;
	animation-delay: 3s;

	/* box-shadow:
				0 0 .5rem #fff,
				inset 0 0 .5rem #fff,
				0 0 2rem var(--neon-blue-color),
				inset 0 0 2rem var(--neon-blue-color),
				0 0 4rem var(--neon-blue-color),
				inset 0 0 4rem var(--neon-blue-color);
	border-radius: 16px; */
}

.vinyl img {
	width: 90%;
	display: block;
	/* animation: vinyl 1s forwards; */
	border-radius: 300px;
	border: 3px #fff solid;
	animation: rotate 5s normal linear infinite;
}

.img-fluid {
	max-width: 100%;
	height: auto;
}

.d-block {
	display: block;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.box img {
	position: relative;
	display: block;
}

.vinyl-inner>img {
	opacity: 0 !important;
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
		box-shadow: 0 0 0.5rem #fff, inset 0 0 0.5rem #fff,
			0 0 2rem var(--neon-pink-color), inset 0 0 2rem var(--neon-pink-color),
			0 0 4rem var(--neon-pink-color), inset 0 0 4rem var(--neon-pink-color);
	}

	25% {
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		box-shadow: 0 0 0.5rem #fff, inset 0 0 0.5rem #fff,
			0 0 2rem var(--neon-blue-color), inset 0 0 2rem var(--neon-blue-color),
			0 0 4rem var(--neon-pink-color), inset 0 0 4rem var(--neon-blue-color);
	}

	50% {
		-webkit-transform: rotate3d(0, 0, 1, 180deg);
		transform: rotate3d(0, 0, 1, 180deg);
		box-shadow: 0 0 0.3rem #fff, inset 0 0 0.3rem #fff,
			0 0 1rem var(--neon-yellow-color), inset 0 0 1rem var(--neon-yellow-color),
			0 0 2rem var(--neon-yellow-color), inset 0 0 2rem var(--neon-yellow-color);
	}

	75% {
		-webkit-transform: rotate3d(0, 0, 1, 270deg);
		transform: rotate3d(0, 0, 1, 270deg);
		box-shadow: 0 0 0.5rem #fff, inset 0 0 0.5rem #fff,
			0 0 2rem var(--neon-blue-color), inset 0 0 2rem var(--neon-blue-color),
			0 0 4rem var(--neon-pink-color), inset 0 0 4rem var(--neon-blue-color);
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 360deg);
		transform: rotate3d(0, 0, 1, 360deg);
		box-shadow: 0 0 0.5rem #fff, inset 0 0 0.5rem #fff,
			0 0 2rem var(--neon-pink-color), inset 0 0 2rem var(--neon-pink-color),
			0 0 4rem var(--neon-pink-color), inset 0 0 4rem var(--neon-pink-color);
	}
}

@keyframes box {
	0% {
		left: 0;
	}

	100% {
		left: -23%;
	}
}

@keyframes vinyl {
	0% {
		right: 0;
	}

	100% {
		right: -25%;
	}
}

/* ---------------------------- */
/*         Media Queries        */
/* ---------------------------- */

@media (max-width: 1024.98px) {
	.vinyl-container {
		width: 410px;
		margin: 0 auto;
		position: relative;
	}

	.vinyl {
		right: auto;
		margin-top: 23px;
		margin-left: 20px;
	}

	.vinyl img {
		width: 360px;
	}

	@keyframes vinyl {
		0% {
			right: 0;
		}

		100% {
			right: -20%;
		}
	}
}

@media (max-width: 991.98px) {
	.vinyl {
		margin: 0;
		top: 20px;
	}

	.vinyl-container {
		width: 70%;
		margin: 0 auto;
		position: relative;
	}

	.vinyl img {
		width: 88%;
	}

	@keyframes box {
		0% {
			top: auto;
			left: 0;
			bottom: 0;
		}

		100% {
			top: auto;
			bottom: -23%;
			left: 0;
		}
	}

	@keyframes vinyl {
		0% {
			top: 0;
			right: 0;
		}

		100% {
			top: -20%;
			right: 0;
		}
	}
}

@media only screen and (min-device-width: 480px) and (max-device-width: 991px) and (orientation: landscape) {
	.vinyl-container {
		width: 280px;
		margin: 0 auto;
		position: relative;
	}

	.vinyl {
		right: auto;
		left: 20px;
		margin-top: 0px;
		margin-left: 0px;
	}

	.vinyl img {
		width: 240px;
	}

	@keyframes box {
		0% {
			left: 0;
		}

		100% {
			left: -25%;
		}
	}

	@keyframes vinyl {
		0% {
			right: 0;
		}

		100% {
			left: 20px;
			right: -38%;
		}
	}
}

/* ---------------------------- */
/*            Firefly           */
/* ---------------------------- */

.firefly {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 0.4vw;
	height: 0.4vw;
	margin: -0.2vw 0 0 9.8vw;
	animation: ease 200s alternate infinite;
	pointer-events: none;
	z-index: 0;
}

.firefly::before,
.firefly::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transform-origin: -10vw;
}

.firefly::before {
	background: var(--neon-pink-color);
	opacity: 0.2;
	animation: drift ease alternate infinite;
}

.firefly::after {
	background: white;
	opacity: 0;
	box-shadow: 0 0 0vw 0vw yellow;
	animation: drift ease alternate infinite, flash ease infinite;
}

.firefly:nth-child(1) {
	animation-name: move1;
}

.firefly:nth-child(1)::before {
	animation-duration: 11s;
}

.firefly:nth-child(1)::after {
	animation-duration: 11s, 10911ms;
	animation-delay: 0ms, 5205ms;
}

@keyframes move1 {
	0% {
		transform: translateX(-48vw) translateY(-5vh) scale(0.78);
	}

	4% {
		transform: translateX(-14vw) translateY(-32vh) scale(0.94);
	}

	8% {
		transform: translateX(-33vw) translateY(-37vh) scale(0.88);
	}

	12% {
		transform: translateX(-26vw) translateY(-19vh) scale(0.49);
	}

	16% {
		transform: translateX(22vw) translateY(-29vh) scale(0.69);
	}

	20% {
		transform: translateX(-22vw) translateY(-39vh) scale(0.69);
	}

	24% {
		transform: translateX(-36vw) translateY(0vh) scale(0.58);
	}

	28% {
		transform: translateX(-41vw) translateY(-34vh) scale(0.26);
	}

	32% {
		transform: translateX(50vw) translateY(48vh) scale(0.69);
	}

	36% {
		transform: translateX(6vw) translateY(-20vh) scale(0.82);
	}

	40% {
		transform: translateX(-34vw) translateY(-23vh) scale(0.97);
	}

	44% {
		transform: translateX(-24vw) translateY(24vh) scale(0.97);
	}

	48% {
		transform: translateX(31vw) translateY(-30vh) scale(0.8);
	}

	52% {
		transform: translateX(-36vw) translateY(-22vh) scale(0.91);
	}

	56% {
		transform: translateX(37vw) translateY(-37vh) scale(0.49);
	}

	60% {
		transform: translateX(22vw) translateY(16vh) scale(0.55);
	}

	64% {
		transform: translateX(-38vw) translateY(0vh) scale(0.44);
	}

	68% {
		transform: translateX(-17vw) translateY(-35vh) scale(0.99);
	}

	72% {
		transform: translateX(4vw) translateY(-42vh) scale(0.78);
	}

	76% {
		transform: translateX(37vw) translateY(-28vh) scale(0.61);
	}

	80% {
		transform: translateX(49vw) translateY(47vh) scale(0.54);
	}

	84% {
		transform: translateX(18vw) translateY(40vh) scale(0.87);
	}

	88% {
		transform: translateX(-26vw) translateY(39vh) scale(0.67);
	}

	92% {
		transform: translateX(49vw) translateY(-9vh) scale(0.45);
	}

	96% {
		transform: translateX(-20vw) translateY(10vh) scale(0.89);
	}

	100% {
		transform: translateX(38vw) translateY(17vh) scale(0.86);
	}
}

.firefly:nth-child(2) {
	animation-name: move2;
}

.firefly:nth-child(2)::before {
	animation-duration: 9s;
}

.firefly:nth-child(2)::after {
	animation-duration: 9s, 5016ms;
	animation-delay: 0ms, 7324ms;
}

@keyframes move2 {
	0% {
		transform: translateX(45vw) translateY(8vh) scale(0.93);
	}

	4.347826087% {
		transform: translateX(-16vw) translateY(-10vh) scale(0.4);
	}

	8.6956521739% {
		transform: translateX(-26vw) translateY(3vh) scale(0.52);
	}

	13.0434782609% {
		transform: translateX(-16vw) translateY(35vh) scale(0.72);
	}

	17.3913043478% {
		transform: translateX(-38vw) translateY(-22vh) scale(0.26);
	}

	21.7391304348% {
		transform: translateX(49vw) translateY(13vh) scale(0.48);
	}

	26.0869565217% {
		transform: translateX(33vw) translateY(-8vh) scale(0.94);
	}

	30.4347826087% {
		transform: translateX(49vw) translateY(-17vh) scale(0.51);
	}

	34.7826086957% {
		transform: translateX(17vw) translateY(27vh) scale(0.68);
	}

	39.1304347826% {
		transform: translateX(36vw) translateY(-22vh) scale(0.71);
	}

	43.4782608696% {
		transform: translateX(-20vw) translateY(17vh) scale(0.71);
	}

	47.8260869565% {
		transform: translateX(6vw) translateY(7vh) scale(0.45);
	}

	52.1739130435% {
		transform: translateX(21vw) translateY(44vh) scale(0.96);
	}

	56.5217391304% {
		transform: translateX(5vw) translateY(24vh) scale(0.47);
	}

	60.8695652174% {
		transform: translateX(13vw) translateY(33vh) scale(0.51);
	}

	65.2173913043% {
		transform: translateX(-1vw) translateY(46vh) scale(0.7);
	}

	69.5652173913% {
		transform: translateX(9vw) translateY(-24vh) scale(0.82);
	}

	73.9130434783% {
		transform: translateX(48vw) translateY(6vh) scale(0.63);
	}

	78.2608695652% {
		transform: translateX(44vw) translateY(-41vh) scale(0.74);
	}

	82.6086956522% {
		transform: translateX(-31vw) translateY(43vh) scale(0.55);
	}

	86.9565217391% {
		transform: translateX(6vw) translateY(41vh) scale(0.69);
	}

	91.3043478261% {
		transform: translateX(-26vw) translateY(7vh) scale(0.99);
	}

	95.652173913% {
		transform: translateX(-36vw) translateY(-33vh) scale(0.3);
	}

	100% {
		transform: translateX(33vw) translateY(35vh) scale(0.79);
	}
}

.firefly:nth-child(3) {
	animation-name: move3;
}

.firefly:nth-child(3)::before {
	animation-duration: 17s;
}

.firefly:nth-child(3)::after {
	animation-duration: 17s, 8343ms;
	animation-delay: 0ms, 2905ms;
}

@keyframes move3 {
	0% {
		transform: translateX(36vw) translateY(-24vh) scale(0.88);
	}

	4.7619047619% {
		transform: translateX(36vw) translateY(-33vh) scale(0.99);
	}

	9.5238095238% {
		transform: translateX(-16vw) translateY(2vh) scale(0.92);
	}

	14.2857142857% {
		transform: translateX(14vw) translateY(-22vh) scale(0.36);
	}

	19.0476190476% {
		transform: translateX(-32vw) translateY(41vh) scale(0.67);
	}

	23.8095238095% {
		transform: translateX(-33vw) translateY(-20vh) scale(0.33);
	}

	28.5714285714% {
		transform: translateX(-43vw) translateY(17vh) scale(0.56);
	}

	33.3333333333% {
		transform: translateX(-34vw) translateY(50vh) scale(0.73);
	}

	38.0952380952% {
		transform: translateX(0vw) translateY(-14vh) scale(0.7);
	}

	42.8571428571% {
		transform: translateX(28vw) translateY(-16vh) scale(0.31);
	}

	47.619047619% {
		transform: translateX(-21vw) translateY(20vh) scale(0.92);
	}

	52.380952381% {
		transform: translateX(31vw) translateY(37vh) scale(0.35);
	}

	57.1428571429% {
		transform: translateX(25vw) translateY(-1vh) scale(0.76);
	}

	61.9047619048% {
		transform: translateX(22vw) translateY(-17vh) scale(0.89);
	}

	66.6666666667% {
		transform: translateX(34vw) translateY(1vh) scale(0.56);
	}

	71.4285714286% {
		transform: translateX(44vw) translateY(-38vh) scale(0.45);
	}

	76.1904761905% {
		transform: translateX(30vw) translateY(-15vh) scale(0.98);
	}

	80.9523809524% {
		transform: translateX(-38vw) translateY(-49vh) scale(0.87);
	}

	85.7142857143% {
		transform: translateX(11vw) translateY(-47vh) scale(0.97);
	}

	90.4761904762% {
		transform: translateX(43vw) translateY(8vh) scale(0.64);
	}

	95.2380952381% {
		transform: translateX(13vw) translateY(-25vh) scale(0.83);
	}

	100% {
		transform: translateX(16vw) translateY(-34vh) scale(0.96);
	}
}

.firefly:nth-child(4) {
	animation-name: move4;
}

.firefly:nth-child(4)::before {
	animation-duration: 12s;
}

.firefly:nth-child(4)::after {
	animation-duration: 12s, 10310ms;
	animation-delay: 0ms, 3442ms;
}

@keyframes move4 {
	0% {
		transform: translateX(-9vw) translateY(9vh) scale(0.58);
	}

	4.7619047619% {
		transform: translateX(25vw) translateY(33vh) scale(0.49);
	}

	9.5238095238% {
		transform: translateX(46vw) translateY(23vh) scale(0.91);
	}

	14.2857142857% {
		transform: translateX(29vw) translateY(16vh) scale(0.86);
	}

	19.0476190476% {
		transform: translateX(-41vw) translateY(22vh) scale(0.54);
	}

	23.8095238095% {
		transform: translateX(45vw) translateY(-17vh) scale(0.34);
	}

	28.5714285714% {
		transform: translateX(45vw) translateY(-6vh) scale(0.96);
	}

	33.3333333333% {
		transform: translateX(34vw) translateY(49vh) scale(0.45);
	}

	38.0952380952% {
		transform: translateX(37vw) translateY(46vh) scale(0.37);
	}

	42.8571428571% {
		transform: translateX(28vw) translateY(-40vh) scale(0.88);
	}

	47.619047619% {
		transform: translateX(-26vw) translateY(50vh) scale(0.97);
	}

	52.380952381% {
		transform: translateX(-12vw) translateY(-42vh) scale(0.43);
	}

	57.1428571429% {
		transform: translateX(-48vw) translateY(29vh) scale(0.98);
	}

	61.9047619048% {
		transform: translateX(-3vw) translateY(36vh) scale(0.43);
	}

	66.6666666667% {
		transform: translateX(-25vw) translateY(12vh) scale(0.58);
	}

	71.4285714286% {
		transform: translateX(-8vw) translateY(-8vh) scale(0.58);
	}

	76.1904761905% {
		transform: translateX(-8vw) translateY(-24vh) scale(0.99);
	}

	80.9523809524% {
		transform: translateX(4vw) translateY(-41vh) scale(0.32);
	}

	85.7142857143% {
		transform: translateX(-23vw) translateY(-4vh) scale(0.87);
	}

	90.4761904762% {
		transform: translateX(-8vw) translateY(-18vh) scale(0.28);
	}

	95.2380952381% {
		transform: translateX(50vw) translateY(41vh) scale(0.91);
	}

	100% {
		transform: translateX(46vw) translateY(-21vh) scale(0.43);
	}
}

.firefly:nth-child(5) {
	animation-name: move5;
}

.firefly:nth-child(5)::before {
	animation-duration: 18s;
}

.firefly:nth-child(5)::after {
	animation-duration: 18s, 6359ms;
	animation-delay: 0ms, 1556ms;
}

@keyframes move5 {
	0% {
		transform: translateX(-19vw) translateY(-17vh) scale(0.65);
	}

	5.8823529412% {
		transform: translateX(-37vw) translateY(-10vh) scale(0.4);
	}

	11.7647058824% {
		transform: translateX(-16vw) translateY(-4vh) scale(0.34);
	}

	17.6470588235% {
		transform: translateX(-38vw) translateY(-31vh) scale(0.41);
	}

	23.5294117647% {
		transform: translateX(-11vw) translateY(30vh) scale(0.81);
	}

	29.4117647059% {
		transform: translateX(43vw) translateY(2vh) scale(0.42);
	}

	35.2941176471% {
		transform: translateX(-46vw) translateY(-29vh) scale(0.38);
	}

	41.1764705882% {
		transform: translateX(8vw) translateY(32vh) scale(0.53);
	}

	47.0588235294% {
		transform: translateX(47vw) translateY(26vh) scale(0.77);
	}

	52.9411764706% {
		transform: translateX(-21vw) translateY(7vh) scale(0.64);
	}

	58.8235294118% {
		transform: translateX(36vw) translateY(9vh) scale(0.47);
	}

	64.7058823529% {
		transform: translateX(-11vw) translateY(12vh) scale(0.31);
	}

	70.5882352941% {
		transform: translateX(-42vw) translateY(36vh) scale(0.3);
	}

	76.4705882353% {
		transform: translateX(-10vw) translateY(24vh) scale(0.44);
	}

	82.3529411765% {
		transform: translateX(-21vw) translateY(-12vh) scale(0.76);
	}

	88.2352941176% {
		transform: translateX(48vw) translateY(-3vh) scale(0.68);
	}

	94.1176470588% {
		transform: translateX(15vw) translateY(-34vh) scale(0.32);
	}

	100% {
		transform: translateX(3vw) translateY(38vh) scale(0.84);
	}
}

.firefly:nth-child(6) {
	animation-name: move6;
}

.firefly:nth-child(6)::before {
	animation-duration: 15s;
}

.firefly:nth-child(6)::after {
	animation-duration: 15s, 8088ms;
	animation-delay: 0ms, 1306ms;
}

@keyframes move6 {
	0% {
		transform: translateX(-38vw) translateY(8vh) scale(0.89);
	}

	5.8823529412% {
		transform: translateX(21vw) translateY(-23vh) scale(0.39);
	}

	11.7647058824% {
		transform: translateX(34vw) translateY(15vh) scale(0.71);
	}

	17.6470588235% {
		transform: translateX(28vw) translateY(45vh) scale(0.74);
	}

	23.5294117647% {
		transform: translateX(1vw) translateY(-45vh) scale(0.83);
	}

	29.4117647059% {
		transform: translateX(-3vw) translateY(-49vh) scale(0.68);
	}

	35.2941176471% {
		transform: translateX(30vw) translateY(-26vh) scale(0.44);
	}

	41.1764705882% {
		transform: translateX(-49vw) translateY(-23vh) scale(0.89);
	}

	47.0588235294% {
		transform: translateX(31vw) translateY(-13vh) scale(0.32);
	}

	52.9411764706% {
		transform: translateX(15vw) translateY(-41vh) scale(0.94);
	}

	58.8235294118% {
		transform: translateX(-7vw) translateY(-46vh) scale(0.66);
	}

	64.7058823529% {
		transform: translateX(30vw) translateY(-28vh) scale(0.89);
	}

	70.5882352941% {
		transform: translateX(-43vw) translateY(-1vh) scale(0.57);
	}

	76.4705882353% {
		transform: translateX(-34vw) translateY(-49vh) scale(0.64);
	}

	82.3529411765% {
		transform: translateX(-2vw) translateY(39vh) scale(0.35);
	}

	88.2352941176% {
		transform: translateX(30vw) translateY(0vh) scale(0.95);
	}

	94.1176470588% {
		transform: translateX(-19vw) translateY(19vh) scale(0.71);
	}

	100% {
		transform: translateX(38vw) translateY(-46vh) scale(0.27);
	}
}

.firefly:nth-child(7) {
	animation-name: move7;
}

.firefly:nth-child(7)::before {
	animation-duration: 15s;
}

.firefly:nth-child(7)::after {
	animation-duration: 15s, 5301ms;
	animation-delay: 0ms, 5413ms;
}

@keyframes move7 {
	0% {
		transform: translateX(-5vw) translateY(46vh) scale(0.5);
	}

	5.8823529412% {
		transform: translateX(23vw) translateY(-33vh) scale(0.83);
	}

	11.7647058824% {
		transform: translateX(1vw) translateY(40vh) scale(0.94);
	}

	17.6470588235% {
		transform: translateX(49vw) translateY(48vh) scale(0.67);
	}

	23.5294117647% {
		transform: translateX(-43vw) translateY(-42vh) scale(0.58);
	}

	29.4117647059% {
		transform: translateX(16vw) translateY(45vh) scale(0.54);
	}

	35.2941176471% {
		transform: translateX(-2vw) translateY(22vh) scale(0.71);
	}

	41.1764705882% {
		transform: translateX(0vw) translateY(15vh) scale(0.8);
	}

	47.0588235294% {
		transform: translateX(6vw) translateY(-8vh) scale(0.76);
	}

	52.9411764706% {
		transform: translateX(15vw) translateY(30vh) scale(0.89);
	}

	58.8235294118% {
		transform: translateX(19vw) translateY(-18vh) scale(0.75);
	}

	64.7058823529% {
		transform: translateX(16vw) translateY(-41vh) scale(0.85);
	}

	70.5882352941% {
		transform: translateX(-23vw) translateY(40vh) scale(0.96);
	}

	76.4705882353% {
		transform: translateX(11vw) translateY(-34vh) scale(1);
	}

	82.3529411765% {
		transform: translateX(-27vw) translateY(41vh) scale(0.43);
	}

	88.2352941176% {
		transform: translateX(25vw) translateY(34vh) scale(0.41);
	}

	94.1176470588% {
		transform: translateX(-21vw) translateY(36vh) scale(0.39);
	}

	100% {
		transform: translateX(29vw) translateY(-10vh) scale(0.5);
	}
}

.firefly:nth-child(8) {
	animation-name: move8;
}

.firefly:nth-child(8)::before {
	animation-duration: 12s;
}

.firefly:nth-child(8)::after {
	animation-duration: 12s, 5661ms;
	animation-delay: 0ms, 1080ms;
}

@keyframes move8 {
	0% {
		transform: translateX(-4vw) translateY(26vh) scale(0.88);
	}

	4.5454545455% {
		transform: translateX(-11vw) translateY(-24vh) scale(0.34);
	}

	9.0909090909% {
		transform: translateX(17vw) translateY(-17vh) scale(0.49);
	}

	13.6363636364% {
		transform: translateX(-16vw) translateY(35vh) scale(0.43);
	}

	18.1818181818% {
		transform: translateX(50vw) translateY(-29vh) scale(0.78);
	}

	22.7272727273% {
		transform: translateX(-20vw) translateY(30vh) scale(0.32);
	}

	27.2727272727% {
		transform: translateX(15vw) translateY(47vh) scale(0.85);
	}

	31.8181818182% {
		transform: translateX(44vw) translateY(-30vh) scale(0.4);
	}

	36.3636363636% {
		transform: translateX(41vw) translateY(-25vh) scale(0.49);
	}

	40.9090909091% {
		transform: translateX(-37vw) translateY(24vh) scale(0.79);
	}

	45.4545454545% {
		transform: translateX(-37vw) translateY(-46vh) scale(0.39);
	}

	50% {
		transform: translateX(36vw) translateY(27vh) scale(0.57);
	}

	54.5454545455% {
		transform: translateX(-30vw) translateY(40vh) scale(0.54);
	}

	59.0909090909% {
		transform: translateX(4vw) translateY(31vh) scale(0.62);
	}

	63.6363636364% {
		transform: translateX(49vw) translateY(-20vh) scale(0.33);
	}

	68.1818181818% {
		transform: translateX(-10vw) translateY(6vh) scale(0.27);
	}

	72.7272727273% {
		transform: translateX(-46vw) translateY(18vh) scale(0.37);
	}

	77.2727272727% {
		transform: translateX(18vw) translateY(-31vh) scale(0.9);
	}

	81.8181818182% {
		transform: translateX(14vw) translateY(5vh) scale(1);
	}

	86.3636363636% {
		transform: translateX(-36vw) translateY(-38vh) scale(0.99);
	}

	90.9090909091% {
		transform: translateX(9vw) translateY(-17vh) scale(0.71);
	}

	95.4545454545% {
		transform: translateX(-5vw) translateY(44vh) scale(0.37);
	}

	100% {
		transform: translateX(-45vw) translateY(-13vh) scale(0.83);
	}
}

.firefly:nth-child(9) {
	animation-name: move9;
}

.firefly:nth-child(9)::before {
	animation-duration: 16s;
}

.firefly:nth-child(9)::after {
	animation-duration: 16s, 5081ms;
	animation-delay: 0ms, 5421ms;
}

@keyframes move9 {
	0% {
		transform: translateX(-30vw) translateY(42vh) scale(0.72);
	}

	5.5555555556% {
		transform: translateX(-28vw) translateY(5vh) scale(0.96);
	}

	11.1111111111% {
		transform: translateX(-4vw) translateY(30vh) scale(0.85);
	}

	16.6666666667% {
		transform: translateX(-31vw) translateY(-18vh) scale(0.67);
	}

	22.2222222222% {
		transform: translateX(43vw) translateY(-7vh) scale(0.65);
	}

	27.7777777778% {
		transform: translateX(-14vw) translateY(-26vh) scale(0.3);
	}

	33.3333333333% {
		transform: translateX(-14vw) translateY(-9vh) scale(0.31);
	}

	38.8888888889% {
		transform: translateX(-8vw) translateY(50vh) scale(0.69);
	}

	44.4444444444% {
		transform: translateX(30vw) translateY(-47vh) scale(0.45);
	}

	50% {
		transform: translateX(-24vw) translateY(2vh) scale(0.46);
	}

	55.5555555556% {
		transform: translateX(11vw) translateY(44vh) scale(0.74);
	}

	61.1111111111% {
		transform: translateX(-31vw) translateY(34vh) scale(0.28);
	}

	66.6666666667% {
		transform: translateX(38vw) translateY(2vh) scale(0.75);
	}

	72.2222222222% {
		transform: translateX(-32vw) translateY(-45vh) scale(0.87);
	}

	77.7777777778% {
		transform: translateX(-32vw) translateY(11vh) scale(0.75);
	}

	83.3333333333% {
		transform: translateX(-35vw) translateY(-7vh) scale(0.64);
	}

	88.8888888889% {
		transform: translateX(-27vw) translateY(-14vh) scale(0.92);
	}

	94.4444444444% {
		transform: translateX(32vw) translateY(43vh) scale(0.95);
	}

	100% {
		transform: translateX(35vw) translateY(-36vh) scale(0.41);
	}
}

.firefly:nth-child(10) {
	animation-name: move10;
}

.firefly:nth-child(10)::before {
	animation-duration: 10s;
}

.firefly:nth-child(10)::after {
	animation-duration: 10s, 5850ms;
	animation-delay: 0ms, 8194ms;
}

@keyframes move10 {
	0% {
		transform: translateX(-8vw) translateY(-10vh) scale(0.86);
	}

	4% {
		transform: translateX(40vw) translateY(-23vh) scale(0.35);
	}

	8% {
		transform: translateX(-39vw) translateY(-45vh) scale(0.94);
	}

	12% {
		transform: translateX(-12vw) translateY(0vh) scale(0.45);
	}

	16% {
		transform: translateX(-28vw) translateY(-19vh) scale(0.89);
	}

	20% {
		transform: translateX(-7vw) translateY(32vh) scale(0.59);
	}

	24% {
		transform: translateX(-16vw) translateY(39vh) scale(0.53);
	}

	28% {
		transform: translateX(48vw) translateY(43vh) scale(0.47);
	}

	32% {
		transform: translateX(-11vw) translateY(-10vh) scale(1);
	}

	36% {
		transform: translateX(3vw) translateY(-32vh) scale(0.83);
	}

	40% {
		transform: translateX(-23vw) translateY(-23vh) scale(0.9);
	}

	44% {
		transform: translateX(-8vw) translateY(14vh) scale(0.42);
	}

	48% {
		transform: translateX(2vw) translateY(46vh) scale(0.51);
	}

	52% {
		transform: translateX(-45vw) translateY(20vh) scale(0.3);
	}

	56% {
		transform: translateX(44vw) translateY(-30vh) scale(0.93);
	}

	60% {
		transform: translateX(-2vw) translateY(-3vh) scale(0.63);
	}

	64% {
		transform: translateX(-10vw) translateY(18vh) scale(0.37);
	}

	68% {
		transform: translateX(-44vw) translateY(-40vh) scale(0.33);
	}

	72% {
		transform: translateX(-23vw) translateY(37vh) scale(0.28);
	}

	76% {
		transform: translateX(-33vw) translateY(-16vh) scale(0.31);
	}

	80% {
		transform: translateX(43vw) translateY(-45vh) scale(0.38);
	}

	84% {
		transform: translateX(6vw) translateY(-23vh) scale(0.33);
	}

	88% {
		transform: translateX(-21vw) translateY(23vh) scale(0.47);
	}

	92% {
		transform: translateX(33vw) translateY(33vh) scale(0.32);
	}

	96% {
		transform: translateX(-5vw) translateY(9vh) scale(0.92);
	}

	100% {
		transform: translateX(14vw) translateY(21vh) scale(0.34);
	}
}

.firefly:nth-child(11) {
	animation-name: move11;
}

.firefly:nth-child(11)::before {
	animation-duration: 10s;
}

.firefly:nth-child(11)::after {
	animation-duration: 10s, 7813ms;
	animation-delay: 0ms, 8327ms;
}

@keyframes move11 {
	0% {
		transform: translateX(10vw) translateY(45vh) scale(0.35);
	}

	5.8823529412% {
		transform: translateX(46vw) translateY(15vh) scale(0.67);
	}

	11.7647058824% {
		transform: translateX(35vw) translateY(-44vh) scale(0.58);
	}

	17.6470588235% {
		transform: translateX(-29vw) translateY(-1vh) scale(0.56);
	}

	23.5294117647% {
		transform: translateX(2vw) translateY(47vh) scale(0.97);
	}

	29.4117647059% {
		transform: translateX(3vw) translateY(-17vh) scale(0.32);
	}

	35.2941176471% {
		transform: translateX(15vw) translateY(36vh) scale(0.72);
	}

	41.1764705882% {
		transform: translateX(-48vw) translateY(3vh) scale(0.65);
	}

	47.0588235294% {
		transform: translateX(-46vw) translateY(-10vh) scale(0.59);
	}

	52.9411764706% {
		transform: translateX(-18vw) translateY(36vh) scale(0.79);
	}

	58.8235294118% {
		transform: translateX(12vw) translateY(37vh) scale(0.42);
	}

	64.7058823529% {
		transform: translateX(-48vw) translateY(-35vh) scale(0.28);
	}

	70.5882352941% {
		transform: translateX(8vw) translateY(0vh) scale(0.78);
	}

	76.4705882353% {
		transform: translateX(-29vw) translateY(28vh) scale(0.26);
	}

	82.3529411765% {
		transform: translateX(-19vw) translateY(43vh) scale(0.69);
	}

	88.2352941176% {
		transform: translateX(14vw) translateY(40vh) scale(0.39);
	}

	94.1176470588% {
		transform: translateX(-7vw) translateY(-20vh) scale(0.86);
	}

	100% {
		transform: translateX(20vw) translateY(-21vh) scale(0.58);
	}
}

.firefly:nth-child(12) {
	animation-name: move12;
}

.firefly:nth-child(12)::before {
	animation-duration: 18s;
}

.firefly:nth-child(12)::after {
	animation-duration: 18s, 6406ms;
	animation-delay: 0ms, 4143ms;
}

@keyframes move12 {
	0% {
		transform: translateX(-24vw) translateY(10vh) scale(0.59);
	}

	3.8461538462% {
		transform: translateX(-34vw) translateY(47vh) scale(0.48);
	}

	7.6923076923% {
		transform: translateX(-7vw) translateY(39vh) scale(0.81);
	}

	11.5384615385% {
		transform: translateX(-13vw) translateY(48vh) scale(0.62);
	}

	15.3846153846% {
		transform: translateX(42vw) translateY(-19vh) scale(0.61);
	}

	19.2307692308% {
		transform: translateX(24vw) translateY(-6vh) scale(0.33);
	}

	23.0769230769% {
		transform: translateX(0vw) translateY(30vh) scale(0.63);
	}

	26.9230769231% {
		transform: translateX(-15vw) translateY(39vh) scale(0.33);
	}

	30.7692307692% {
		transform: translateX(-22vw) translateY(-20vh) scale(0.9);
	}

	34.6153846154% {
		transform: translateX(28vw) translateY(-21vh) scale(0.33);
	}

	38.4615384615% {
		transform: translateX(15vw) translateY(-15vh) scale(0.6);
	}

	42.3076923077% {
		transform: translateX(-36vw) translateY(-27vh) scale(0.89);
	}

	46.1538461538% {
		transform: translateX(29vw) translateY(-49vh) scale(0.9);
	}

	50% {
		transform: translateX(7vw) translateY(5vh) scale(0.69);
	}

	53.8461538462% {
		transform: translateX(41vw) translateY(25vh) scale(0.59);
	}

	57.6923076923% {
		transform: translateX(-29vw) translateY(25vh) scale(0.86);
	}

	61.5384615385% {
		transform: translateX(28vw) translateY(-31vh) scale(0.54);
	}

	65.3846153846% {
		transform: translateX(16vw) translateY(-2vh) scale(0.54);
	}

	69.2307692308% {
		transform: translateX(-1vw) translateY(44vh) scale(0.88);
	}

	73.0769230769% {
		transform: translateX(26vw) translateY(-39vh) scale(0.86);
	}

	76.9230769231% {
		transform: translateX(23vw) translateY(33vh) scale(0.37);
	}

	80.7692307692% {
		transform: translateX(-34vw) translateY(-43vh) scale(0.57);
	}

	84.6153846154% {
		transform: translateX(41vw) translateY(27vh) scale(0.82);
	}

	88.4615384615% {
		transform: translateX(-4vw) translateY(30vh) scale(0.63);
	}

	92.3076923077% {
		transform: translateX(34vw) translateY(-45vh) scale(0.98);
	}

	96.1538461538% {
		transform: translateX(-6vw) translateY(8vh) scale(0.35);
	}

	100% {
		transform: translateX(38vw) translateY(22vh) scale(0.44);
	}
}

.firefly:nth-child(13) {
	animation-name: move13;
}

.firefly:nth-child(13)::before {
	animation-duration: 18s;
}

.firefly:nth-child(13)::after {
	animation-duration: 18s, 7347ms;
	animation-delay: 0ms, 2897ms;
}

@keyframes move13 {
	0% {
		transform: translateX(-27vw) translateY(32vh) scale(0.26);
	}

	4.7619047619% {
		transform: translateX(-32vw) translateY(1vh) scale(0.43);
	}

	9.5238095238% {
		transform: translateX(36vw) translateY(-21vh) scale(0.49);
	}

	14.2857142857% {
		transform: translateX(-36vw) translateY(-18vh) scale(0.64);
	}

	19.0476190476% {
		transform: translateX(-35vw) translateY(-15vh) scale(0.92);
	}

	23.8095238095% {
		transform: translateX(20vw) translateY(31vh) scale(0.96);
	}

	28.5714285714% {
		transform: translateX(-17vw) translateY(17vh) scale(0.29);
	}

	33.3333333333% {
		transform: translateX(38vw) translateY(-39vh) scale(0.28);
	}

	38.0952380952% {
		transform: translateX(-32vw) translateY(32vh) scale(0.38);
	}

	42.8571428571% {
		transform: translateX(-28vw) translateY(1vh) scale(0.82);
	}

	47.619047619% {
		transform: translateX(-24vw) translateY(-24vh) scale(0.9);
	}

	52.380952381% {
		transform: translateX(-32vw) translateY(-21vh) scale(0.29);
	}

	57.1428571429% {
		transform: translateX(18vw) translateY(48vh) scale(0.44);
	}

	61.9047619048% {
		transform: translateX(-27vw) translateY(32vh) scale(0.79);
	}

	66.6666666667% {
		transform: translateX(15vw) translateY(10vh) scale(0.89);
	}

	71.4285714286% {
		transform: translateX(35vw) translateY(-27vh) scale(0.74);
	}

	76.1904761905% {
		transform: translateX(35vw) translateY(11vh) scale(0.36);
	}

	80.9523809524% {
		transform: translateX(-43vw) translateY(41vh) scale(0.68);
	}

	85.7142857143% {
		transform: translateX(-10vw) translateY(-43vh) scale(0.47);
	}

	90.4761904762% {
		transform: translateX(16vw) translateY(-34vh) scale(0.46);
	}

	95.2380952381% {
		transform: translateX(47vw) translateY(45vh) scale(0.81);
	}

	100% {
		transform: translateX(21vw) translateY(-36vh) scale(0.86);
	}
}

.firefly:nth-child(14) {
	animation-name: move14;
}

.firefly:nth-child(14)::before {
	animation-duration: 13s;
}

.firefly:nth-child(14)::after {
	animation-duration: 13s, 8977ms;
	animation-delay: 0ms, 2269ms;
}

@keyframes move14 {
	0% {
		transform: translateX(49vw) translateY(-31vh) scale(0.62);
	}

	3.8461538462% {
		transform: translateX(-10vw) translateY(-17vh) scale(0.87);
	}

	7.6923076923% {
		transform: translateX(33vw) translateY(37vh) scale(0.5);
	}

	11.5384615385% {
		transform: translateX(-31vw) translateY(7vh) scale(0.92);
	}

	15.3846153846% {
		transform: translateX(-46vw) translateY(-46vh) scale(0.97);
	}

	19.2307692308% {
		transform: translateX(-30vw) translateY(42vh) scale(0.95);
	}

	23.0769230769% {
		transform: translateX(18vw) translateY(16vh) scale(0.61);
	}

	26.9230769231% {
		transform: translateX(35vw) translateY(-24vh) scale(0.98);
	}

	30.7692307692% {
		transform: translateX(33vw) translateY(9vh) scale(0.31);
	}

	34.6153846154% {
		transform: translateX(-15vw) translateY(-36vh) scale(0.8);
	}

	38.4615384615% {
		transform: translateX(16vw) translateY(9vh) scale(0.9);
	}

	42.3076923077% {
		transform: translateX(10vw) translateY(-31vh) scale(0.44);
	}

	46.1538461538% {
		transform: translateX(-9vw) translateY(-31vh) scale(0.43);
	}

	50% {
		transform: translateX(12vw) translateY(-49vh) scale(0.67);
	}

	53.8461538462% {
		transform: translateX(2vw) translateY(10vh) scale(0.79);
	}

	57.6923076923% {
		transform: translateX(-49vw) translateY(48vh) scale(0.65);
	}

	61.5384615385% {
		transform: translateX(5vw) translateY(45vh) scale(0.5);
	}

	65.3846153846% {
		transform: translateX(18vw) translateY(25vh) scale(0.72);
	}

	69.2307692308% {
		transform: translateX(8vw) translateY(36vh) scale(0.36);
	}

	73.0769230769% {
		transform: translateX(-18vw) translateY(-15vh) scale(0.84);
	}

	76.9230769231% {
		transform: translateX(-31vw) translateY(-9vh) scale(0.6);
	}

	80.7692307692% {
		transform: translateX(-18vw) translateY(-16vh) scale(0.42);
	}

	84.6153846154% {
		transform: translateX(25vw) translateY(37vh) scale(0.69);
	}

	88.4615384615% {
		transform: translateX(-7vw) translateY(1vh) scale(0.87);
	}

	92.3076923077% {
		transform: translateX(15vw) translateY(9vh) scale(0.64);
	}

	96.1538461538% {
		transform: translateX(32vw) translateY(-17vh) scale(0.81);
	}

	100% {
		transform: translateX(24vw) translateY(20vh) scale(0.28);
	}
}

.firefly:nth-child(15) {
	animation-name: move15;
}

.firefly:nth-child(15)::before {
	animation-duration: 11s;
}

.firefly:nth-child(15)::after {
	animation-duration: 11s, 8688ms;
	animation-delay: 0ms, 3936ms;
}

@keyframes move15 {
	0% {
		transform: translateX(44vw) translateY(13vh) scale(0.99);
	}

	4.347826087% {
		transform: translateX(-17vw) translateY(-25vh) scale(0.99);
	}

	8.6956521739% {
		transform: translateX(37vw) translateY(-33vh) scale(0.41);
	}

	13.0434782609% {
		transform: translateX(-4vw) translateY(-34vh) scale(0.86);
	}

	17.3913043478% {
		transform: translateX(-16vw) translateY(-25vh) scale(0.63);
	}

	21.7391304348% {
		transform: translateX(15vw) translateY(-33vh) scale(0.87);
	}

	26.0869565217% {
		transform: translateX(35vw) translateY(21vh) scale(0.78);
	}

	30.4347826087% {
		transform: translateX(36vw) translateY(0vh) scale(0.89);
	}

	34.7826086957% {
		transform: translateX(42vw) translateY(-14vh) scale(0.49);
	}

	39.1304347826% {
		transform: translateX(-41vw) translateY(-4vh) scale(0.38);
	}

	43.4782608696% {
		transform: translateX(-40vw) translateY(15vh) scale(0.69);
	}

	47.8260869565% {
		transform: translateX(24vw) translateY(38vh) scale(0.47);
	}

	52.1739130435% {
		transform: translateX(19vw) translateY(21vh) scale(0.96);
	}

	56.5217391304% {
		transform: translateX(-16vw) translateY(-24vh) scale(0.44);
	}

	60.8695652174% {
		transform: translateX(-39vw) translateY(25vh) scale(0.26);
	}

	65.2173913043% {
		transform: translateX(27vw) translateY(-6vh) scale(0.38);
	}

	69.5652173913% {
		transform: translateX(-47vw) translateY(6vh) scale(0.48);
	}

	73.9130434783% {
		transform: translateX(5vw) translateY(-32vh) scale(0.55);
	}

	78.2608695652% {
		transform: translateX(-16vw) translateY(7vh) scale(0.69);
	}

	82.6086956522% {
		transform: translateX(9vw) translateY(38vh) scale(0.7);
	}

	86.9565217391% {
		transform: translateX(-39vw) translateY(-14vh) scale(0.92);
	}

	91.3043478261% {
		transform: translateX(-38vw) translateY(5vh) scale(0.84);
	}

	95.652173913% {
		transform: translateX(-22vw) translateY(-35vh) scale(0.6);
	}

	100% {
		transform: translateX(25vw) translateY(26vh) scale(0.67);
	}
}

@keyframes drift {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes flash {

	0%,
	30%,
	100% {
		opacity: 0;
		box-shadow: 0 0 0vw 0vw var(--neon-pink-color);
	}

	5% {
		opacity: 1;
		box-shadow: 0 0 2vw 0.4vw var(--neon-blue-color);
	}
}