:root {
	--AxiumOrange: #C8862EFF;
	--AxiumBlue: #3F51B5;
}

.roundedImageBorder {
	border: 3px solid var(--AxiumBlue);
	border-radius: 12px;
	padding: 4px;
	box-sizing: border-box;
}

.teamMugshot {
	height: 280px;
	width: 250px;
}

.roundedImageBorderClickable {
	border: 3px solid var(--AxiumBlue);
	border-radius: 12px;
	padding: 4px;
	box-sizing: border-box;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	cursor: pointer;
}

	.roundedImageBorderClickable:hover {
		transform: scale(1.03);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	}



.axiumLogoSize {
	width: 220px;
	margin-top: 15px;
}

/* Responsive scaling */
@media (max-width: 960px) {
	.axiumLogoSize {
		width: 210px;
		margin-top: 20px;
	}

@media (max-width: 600px) {
	.axiumLogoSize {
		width: 200px;
		margin-top: 25px;
	}
}