@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.blink {
	animation: blink 1s infinite;
}
.tt {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}
.tt .ttt {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}
.tt:hover .ttt {
	visibility: visible;
}
.tt .ttt {
	width: 120px;
	top: 100%;
	left: 50%;
	margin-left: -60px;
}
a {
	text-decoration: none;
	color: #000000;
	cursor: url("../assets/cursor.png"), auto;
}
html,
body {
	margin: 0;
	cursor: url("../assets/cursor.png"), auto;
}
body {
	font-family: "Gamja Flower", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
}
header {
	position: sticky;
	top: 10px;
	margin: 10px;
	padding: 10px 0;
	border: 4px solid #000000;
	border-bottom: 6px solid #000000;
	border-radius: 16px;
	background-color: #ffffff;
	color: #000000;
	z-index: 100;
}
header nav {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
header nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
}
header nav ul li {
	margin-left: 20px;
}
header nav ul li:first-child {
	margin-left: 10px;
}
header nav ul li a {
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: bold;
}
header nav ul li a:hover {
	color: #fe992c;
}
header nav .logo {
	height: 36px;
	margin-left: 10px;
}
header nav .play {
	height: 36px;
	margin-right: 10px;
}
footer {
	margin-top: 125px;
	background-color: #000000;
}
footer .title {
	margin-bottom: -15px;
	padding-top: 20px;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #ffffff;
}
footer p {
	max-width: 1024px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	font-size: 20px;
	font-style: italic;
	color: #ffffff;
}
main .intro-box {
	padding-left: 5%;
	padding-right: 5%;
}
main .intro-box .motto {
	max-width: 1024px;
	margin: 0 auto;
	margin-bottom: 50px;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 48px;
}
main .intro-box .content-box {
	display: flex;
	align-items: center;
	justify-content: center;
}
main .intro-box .content-box .intro {
	width: 50%;
	font-size: 128px;
}
main .intro-box .content-box .intro .link {
	color: #fe992c;
}
main .intro-box .content-box .mascot {
	width: 50%;
	margin-top: -20px;
	margin-bottom: 100px;
}
main .sale-box {
	width: calc(100% - 10%);
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
main .sale-box .base-box {
	width: 45%;
	text-align: center;
}
main .sale-box .base-box .image {
	height: 480px;
}
main .sale-box .base-box .label {
	position: relative;
	width: 512px;
	margin: 0 auto;
	margin-top: -72px;
	padding: 10px 20px;
	border-radius: 96px;
	background: #1a37f5;
	text-align: center;
	font-size: 72px;
	color: #ffffff;
	z-index: 10;
	line-height: 1;
}
main .sale-box .base-box .desc {
	margin-bottom: 5px;
	font-size: 30px;
}
main .sale-box .base-box .desc .wns {
	margin: 2px;
	padding: 4px;
	border: 1px solid #000000;
	border-bottom: 2px solid #000000;
	border-radius: 6px;
	background-color: #ffffff;
	color: #000000;
}
main .sale-box .base-box .desc .addr {
	display: inline-block;
	padding: 4px;
	border: 1px solid #000000;
	border-bottom: 2px solid #000000;
	border-radius: 6px;
	background-color: #ffffff;
	color: #000000;
}
main .sale-box .base-box .info {
	font-size: 16px;
}
main .sale-box .vs-box {
	width: 10%;
	margin-top: 200px;
	text-align: center;
	font-size: 128px;
}
main .sale-box .solana-box {
	width: 45%;
	text-align: center;
}
main .sale-box .solana-box .image {
	height: 480px;
}
main .sale-box .solana-box .label {
	position: relative;
	width: 512px;
	margin: 0 auto;
	margin-top: -72px;
	padding: 10px 20px;
	border-radius: 96px;
	background: linear-gradient(135deg, #7f59e6, #57baa0);
	text-align: center;
	font-size: 72px;
	color: #ffffff;
	z-index: 10;
	line-height: 1;
}
main .sale-box .solana-box .desc {
	margin-bottom: 5px;
	font-size: 30px;
}
main .sale-box .solana-box .desc .wns {
	margin: 2px;
	padding: 4px;
	border: 1px solid #000000;
	border-bottom: 2px solid #000000;
	border-radius: 6px;
	background-color: #ffffff;
	color: #000000;
}
main .sale-box .solana-box .desc .addr {
	padding: 4px;
	border: 1px solid #000000;
	border-bottom: 2px solid #000000;
	border-radius: 6px;
	background-color: #ffffff;
	color: #000000;
}
main .sale-box .solana-box .info {
	font-size: 16px;
}
main .note {
	margin-bottom: 5px;
	padding: 0 10px;
	text-align: center;
	font-size: 48px;
}
main .war-box {
	margin: 0 auto;
	margin-top: 100px;
	font-weight: bold;
}
main .war-box .title {
	text-align: center;
	font-size: 96px;
}
main .war-box .image {
	width: 100%;
	margin-top: -120px;
	margin-bottom: -120px;
}
main .war-box .wallet {
	margin-top: -50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
main .war-box .wallet .label{
	font-size: 48px;
}
main .war-box .wallet .base{
	padding: 0 20px;
	font-size: 36px;
	text-align: left;
}
main .war-box .wallet .solana{
	padding: 0 20px;
	font-size: 36px;
	text-align: right;
}
main .war-box .desc {
	text-align: center;
	font-size: 48px;
}
main .tokenomic-box {
	margin-top: 100px;
	margin-left: 10%;
	margin-right: 10%;
	font-weight: bold;
}
main .tokenomic-box .title {
	text-align: center;
	font-size: 96px;
}
main .tokenomic-box .content {
	display: flex;
	justify-content: center;
	font-weight: bold;
}
main .tokenomic-box .content .list {
	max-width: 900px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 30px;
}
main .tokenomic-box .content .list span {
	font-weight: bold;
	font-size: 28px;
	color: #fe992c;
}
main .tokenomic-box .content .list a {
	color: #fdad16;
}
main .tokenomic-box .content .list a:hover {
	color: #fe992c;
}
main .tokenomic-box .content .tokenomic {
	width: 20%;
	margin-right: 20px;
}
main .tokenomic-box .content .token {
	margin-left: 10px;
}
main .tokenomic-box .content .token .token-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 20px;
}
main .tokenomic-box .content .token .token-box .coin {
	width: 48px;
	margin-right: 10px;
}
main .tokenomic-box .content .token .info-box {
	text-align: left;
	font-size: 24px;
}
main .tokenomic-box .content .token .info-box .contract-box {
	display: flex;
	align-items: center;
}
main .tokenomic-box .content .token .info-box .contract-box .contract:hover {
	color: #fe992c;
}
main .tokenomic-box .content .token .info-box .contract-box .copy {
	margin-left: 10px;
	height: 20px;
}
main .tokenomic-box .content .token .token-box .title {
	margin: 0;
	font-size: 48px;
	letter-spacing: 4px;
	color: #fe992c;
}
main .utility-box {
	max-width: 1024px;
	margin: 0 auto;
	margin-top: 100px;
	font-weight: bold;
}
main .utility-box .title {
	text-align: center;
	font-size: 96px;
}
main .utility-box .content {
	display: flex;
	justify-content: center;
	font-weight: bold;
	font-size: 36px;
}
main .utility-box .content .utility {
	width: 15%;
	margin-left: 20px;
}
main .utility-box .content .honk {
	font-size: 20px;
}
main .utility-box .content .button {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 2px solid #000000;
	border-bottom: 4px solid #000000;
	cursor: url("../assets/cursor.png"), auto;
}
main .utility-box .content .large-button {
	width: 200px;
	height: 190px;
	margin: 0 auto;
	background: url("../assets/transparent_button_sprite.webp") no-repeat;
	background-position: -5px -5px;
	border: 0;
	display: block;
	-webkit-tap-highlight-color: transparent;
}
main .utility-box .content .large-button:active {
	background: url("../assets/transparent_button_sprite.webp") no-repeat;
	background-position: -215px -5px;
}
main .roadmap-box {
	margin-top: 100px;
	font-weight: bold;
}
main .roadmap-box .title {
	text-align: center;
	font-size: 96px;
}
main .roadmap-box .roadmap.desktop {
	width: 100%;
	display: block;
}
main .roadmap-box .roadmap.mobile {
	width: 100%;
	display: none;
}
main .investor-box {
	max-width: 1024px;
	margin: 0 auto;
	margin-top: 100px;
	font-weight: bold;
}
main .investor-box .title {
	text-align: center;
	font-size: 96px;
}
main .investor-box .content {
	text-align: center;
}
main .team-box {
	max-width: 1280px;
	margin: 0 auto;
	margin-top: 100px;
	font-weight: bold;
}
main .team-box .title {
	margin-bottom: 20px;
	text-align: center;
	font-size: 96px;
}
main .team-box .content {
	text-align: center;
}
main .team-box .content .team {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
main .team-box .content .team .name {
	font-weight: bold;
	font-size: 30px;
}
main .team-box .content .team .name .tg {
	width: 24px;
}
main .team-box .content .team .image {
	height: 256px;
}
main .team-box .content .team .quote {
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
}
main .team-box .content .team .quote .emoticon {
	font-family: unset;
}
main .team-box .content .team-ex {
	width: 100%;
	max-width: 100%;
	margin-top: 30px;
}
main .team-box .content .team-ex .image-ex {
	width: 100%;
}
@media screen and (max-width: 768px) {
	body {
		font-size: 16px !important;
	}
	header nav ul {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		font-size: 14px;
	}
	header nav ul li {
		margin-left: 0;
	}
	header nav ul li:first-child {
		margin-left: 0;
	}
	main .war-box .title,
	main .tokenomic-box .title,
	main .utility-box .title,
	main .roadmap-box .title,
	main .investor-box .title,
	main .team-box .title {
		font-size: 48px;
	}
	main .intro-box {
		display: unset;
	}
	main .intro-box .motto {
		margin-top: unset;
		padding: 10px;
		font-size: 24px;
	}
	main .intro-box .content-box {
		width: 100%;
	}
	main .intro-box .content-box .intro {
		width: 50%;
		padding: 10px;
		font-size: 32px;
	}
	main .intro-box .content-box .mascot {
		width: 50%;
		margin: 0 auto;
	}
	main .sale-box {
		width: 100%;
	}
	main .sale-box .vs-box {
		margin-top: 50px;
		font-size: 36px;
	}
	main .sale-box .base-box .image,
	main .sale-box .solana-box .image {
		height: 160px;
	}
	main .sale-box .base-box .label,
	main .sale-box .solana-box .label {
		width: 160px;
		max-width: 100%;
		margin-top: -36px;
		padding: 5px 10px;
		font-size: 20px;
	}
	main .sale-box .base-box .desc,
	main .sale-box .solana-box .desc {
		padding: 5px;
		font-size: 12px;
	}
	main .sale-box .base-box .desc .addr,
	main .sale-box .solana-box .desc .addr {
		word-break: break-word;
	}
	main .sale-box .base-box .info,
	main .sale-box .solana-box .info {
		margin-top: -10px;
		padding: 0 10px;
		font-size: 10px;
	}
	main .tokenomic-box {
		margin-left: 0;
		margin-right: 0;
	}
	main .note {
		font-size: 24px;
	}
	main .war-box .image {
		margin-top: -36px;
		margin-bottom: -36px;
	}
	main .war-box .wallet {
		margin-top: -20px;
	}
	main .war-box .wallet .label{
		font-size: 36px;
	}
	main .war-box .desc {
		text-align: center;
		font-size: 24px;
	}
	main .war-box .wallet .base{
		font-size: 24px;
	}
	main .war-box .wallet .solana{
		font-size: 24px;
	}
	main .intro-box .content-box .info-box {
		font-size: 18px;
	}
	main .intro-box .content-box .info-box .contract-box {
		word-break: break-word;
	}
	main .intro-box .content-box .token-box .coin {
		width: 64px;
	}
	main .intro-box .content-box .token-box .title {
		font-size: 64px;
	}
	main .sale-box .bar {
		width: calc(100% - 10%);
	}
	main .sale-box .info .addr {
		font-size: 18px;
	}
	main .sale-box .info .desc {
		font-size: 14px;
	}
	main .tokenomic-box .content {
		display: unset;
	}
	main .tokenomic-box .content .list {
		padding: 20px;
		font-size: 16px;
	}
	main .tokenomic-box .content .tokenomic {
		width: 60%;
		margin-left: 20%;
		margin-right: 20%;
	}
	main .tokenomic-box .content .token {
		margin-left: unset;
	}
	main .tokenomic-box .content .token .info-box{
		padding: 10px;
	}
	main .utility-box {
		max-width: 640px;
		margin: 0 auto;
		margin-top: 100px;
		font-weight: bold;
	}
	main .utility-box .title {
		text-align: center;
		font-size: 48px;
	}
	main .utility-box .content {
		display: unset;
		font-size: 18px;
	}
	main .utility-box .content .utility {
		width: 40%;
		margin-left: 30%;
		margin-right: 30%;
	}
	main .roadmap-box {
		width: 100%;
		padding: 20px;
	}
	main .investor-box {
		width: 100%;
		padding: 20px;
	}
	main .team-box .title {
		margin-bottom: 0;
	}
	main .team-box .content .team {
		gap: 20px;
		padding: 10px;
		grid-template-columns: repeat(2, 1fr);
	}
	main .team-box .content .team .name {
		font-size: 24px;
	}
	main .team-box .content .team .image {
		height: 100px;
	}
	main .team-box .content .team .quote {
		font-size: 16px;
	}
	main .team-box .content .team .name .tg {
		display: block;
		width: 20px;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	main .roadmap-box .roadmap.desktop {
		display: none;
	}
	main .roadmap-box .roadmap.mobile {
		display: block;
	}
	footer .title {
		font-size: 20px;
	}
	footer p {
		font-size: 14px;
	}