---
import Avatar from "components/Avatar.astro"
import SpotifyCard from "./SpotifyCard.astro"
---

<>
	<div class="avatar-stack">
		<Avatar />
		<div class="text-stack">
			<h2>nin0</h2>
			<sub>he/him</sub>
		</div>
	</div>
	<SpotifyCard />
</>
<style>
	.avatar-stack {
		display: flex;
		gap: 12px;
		align-items: center;
	}
	.text-stack {
		display: flex;
		flex-direction: column;
	}
</style>