@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
	margin: 0;
	padding: 0;
	font-family: "Poppins", sans-serif;
	width: 100%;
	min-height: 100vh;
}
body::-webkit-scrollbar {
	display: none;
}
.header_logo {
	filter: drop-shadow(0 0 10px #0000006e) saturate(1.5);
}
@media (max-width: 767px) {
	.header {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding-bottom: 0 !important;
		padding: 2rem 2rem 0 2rem !important;
	}
}
.gradient-custom {
    max-width: 100%;
	position: relative;
	background: radial-gradient(50% 123.47% at 50% 50%, #00ff94 0%, #720059 100%),
		linear-gradient(121.28deg, #669600 0%, #ff0000 100%),
		linear-gradient(360deg, #0029ff 0%, #8fff00 100%),
		radial-gradient(100% 164.72% at 100% 100%, #6100ff 0%, #00ff57 100%),
		radial-gradient(100% 148.07% at 0% 0%, #fff500 0%, #51d500 100%);
	background-blend-mode: screen, color-dodge, overlay, difference, normal;
}
.box div {
	position: absolute;
	width: 60px;
	height: 60px;
	background-color: transparent;
	border: 6px solid rgba(255, 255, 255, 0.8);
}

.box div:nth-child(1) {
	top: 12%;
	left: 42%;
	animation: animate 10s linear infinite;
}

.box div:nth-child(2) {
	top: 70%;
	left: 50%;
	animation: animate 7s linear infinite;
}
.box div:nth-child(3) {
	top: 17%;
	left: 6%;
	animation: animate 9s linear infinite;
}

.box div:nth-child(4) {
	top: 20%;
	left: 60%;
	animation: animate 10s linear infinite;
}

.box div:nth-child(5) {
	top: 67%;
	left: 10%;
	animation: animate 6s linear infinite;
}

.box div:nth-child(6) {
	top: 80%;
	left: 70%;
	animation: animate 12s linear infinite;
}

.box div:nth-child(7) {
	top: 60%;
	left: 80%;
	animation: animate 15s linear infinite;
}

.box div:nth-child(8) {
	top: 32%;
	left: 25%;
	animation: animate 16s linear infinite;
}

.box div:nth-child(9) {
	top: 90%;
	left: 25%;
	animation: animate 9s linear infinite;
}

.box div:nth-child(10) {
	top: 20%;
	left: 80%;
	animation: animate 5s linear infinite;
}

@keyframes animate {
	0% {
		transform: scale(0) translateY(-90px) rotate(360deg);
		opacity: 1;
	}

	100% {
		transform: scale(1.3) translateY(-90px) rotate(-180deg);
		border-radius: 50%;
		opacity: 0;
	}
}