*, *:after, *:before {
	box-sizing: border-box;
}

:root {
	--canvas-color: #F2E0E6;
	--card-color: #FFEDF3;
	--accent-color: #3A141F;
	--primary-text-color: #724252; 
	--primary-text-color-light: #AA8792;
	--secondary-text-color: #EECFD9;
}
 

.player {
	width: 90%;
	height: 230px;
	border-radius: 20px;
	box-shadow: 0 15px 30px rgba(#3A141F, .1);
	position: relative;
	background-color: var(--card-color);
	display: flex;
	flex-shrink: 1;
}

.player-info {
width: 50%;
	padding: 2rem 0 0 2.75rem;
	display: flex;
	flex-grow: 1;
	flex-shrink: 1;
	position: relative;

}

.player-name {
	font-size: 2rem;
	font-weight: 700;
	color: var(--primary-text-color);

}

.player-team {
	font-size: 1.125rem;
	font-weight: 400;
	color: var(--primary-text-color-light);
	display: block;
	margin-bottom: .5rem;
	text-transform: uppercase;
}

.player-stats {
	border-radius: 20px;
	background-color: var(--accent-color);
	box-shadow: 15px 15px 30px rgba(#3A141F, .1);
	width: 90%;
	position: absolute;
	left: -40px;
	bottom: -30px;
	display: flex;
	justify-content: space-between;
	padding: 1.25rem 2.5rem;
}

.player-stat {

	font-size: .75rem; 
	color: var(--secondary-text-color);
	text-transform: uppercase;
}

.player-stat-number {

	margin-top: .375rem;
	font-size: 2.25rem;
	font-weight: 700;
	color: var(--secondary-text-color);
}
.player-image {
	display: flex;
	position: relative;
	width: 40%;
	img {
		display: block;
		position: absolute;
		width: 120%;
		left: -80px;
		bottom: 0;
	}
}

.captain-badge {
	width: 5rem;
	height: 5rem;
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFF;
	border-radius: 50%;
	font-weight: 700;
	color: var(--primary-text-color);
	box-shadow: 3px 5px 10px 0 rgba(#3A141F,.15);
	right: 1.25rem;
	bottom: 1.25rem;
	position: absolute;
}