@import "/UI/PlanetMeat.scss";

HQMenu {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	justify-content: center;
	align-items: center;
	font-family: Poppins;
	font-size: 22px;
	color: #eee;

	.navigation {
		position: absolute;
		top: 0;
		font-size: 22px;
		gap: 25px;
		background-color: #222;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		padding: 15px;
		border-radius: 0px 0px 10px 10px;
	}

	WalletContents {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	HQShop,
	ArenaLauncher {
		position: absolute;
		top: 200px;
		bottom: 50px;
		left: 50px;
		width: 550px;
	}

	ViewExplainer {
		position: absolute;
		top: 200px;
		bottom: 50px;
		right: 50px;
		width: 550px;
	}

	CampaignStatsReadout {
		max-width: 80%;
	}

	.travel-curtain {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #000;
		opacity: 0;
		animation: fade-in 0.5s ease-in 1.5s;
	}
}

@keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}