body {
	margin: 0;
	font-family: system-ui, sans-serif;
	background: #;
	color: #;
}


.profile {
	text-align: center;
	padding: 2rem 1rem;
	background: ;
}

.profile img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid white;
}


main {
	display: grid;
	gap: 1.5rem;
	padding: 1.5rem;
	max-width: 700px;
	margin: auto;
}


.card {
	background: ;
	padding: 1.5rem;
	border-radius: 12px;
}


h2 {
	margin-top: 0;
	color: ;
}

 
.image-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 1rem;
}

figure {
	margin: 0;
	text-align: center;
	background: ;
	padding: 0.5rem;
	border-radius: 10px;
}


}
/

footer {
	text-align: center;
	padding: 1rem;
	background: ;
	margin-top: 2rem;
}