section.profile {
	header {
		text-align: center;
		margin-bottom: 2rem;

		h3 {
			color: rgba(0, 0, 0, 0.3);
			text-transform: uppercase;
			font-size: 1rem;
		}
	}

	div.grid {
		display: flex;
		gap: 1rem;

		& > section {
			width: 50%;

			& > div:not(:last-child) {
				margin-bottom: 1rem;
			}
		}
	}

	div.avatar {
		display: flex;
		align-items: center;
		justify-content: center;
		img {
			max-width: 250px;
		}
	}

	h4 {
		text-align: center;
		text-transform: uppercase;
		color: rgba(0, 0, 0, 0.3);
	}

	div.stats {
		& > div {
			color: white;
			background-color: rgba(0, 0, 0, 0.3);
			border-radius: 0.15rem;
			padding: 0.25rem;
		}
	}
}