body {
	background-color: #111111;
	color: #e0e0e0;
	font-family: system-ui, sans-serif;
	padding: 0.5rem 1rem;
}

.wrapper {
	max-width: 580px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
}

.name {
	font-weight: bolder;
	font-size: 25pt;
}

.avatar > img {
	height: 16rem;
	width: 16rem;
	padding-top: 0.25rem;
	border-radius: 50%;
	overflow: hidden;
}

.bio {

}

.links {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
	align-items: center;
}

.links a {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: center;
	color: #e0e0e0;
	background-color: #2c2c2c;
	text-decoration: none;
	padding: 0.5rem;
	border-radius: 0.125rem;
}

.links a:hover {
	background-color: #3a3a3a;
}