<script lang="ts">
	import '$appcss';
</script>

<section class="border-2 border-gray bg-black p-2">
	<div class="profile_banner container flex border border-gray bg-black">
		<img class="w-1/5" src="/images/bored-ape.png" alt="profile" />
		<div class="flex w-4/5 items-center p-5">
			<div class="w-1/2 pl-5">
				<p class="uppercase text-gray">Authenticated with GitHub</p>
				<p />
				<p class="text-4xl text-primary">@Username</p>
			</div>
			<div class="h-full border-l border-gray" />
			<div class="w-1/2 pl-10">
				<p class="uppercase leading-loose text-gray">
					Country: <span>Germany</span><br />Wallet:
					<a class="text-green underline" href="/">Connect Now</a>
				</p>
			</div>
		</div>
	</div>
</section>
