.avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: var(--text-color);
	color: white;
	width: calc(16 * var(--spacing));
	height: calc(16 * var(--spacing));

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 50%;
	}
}