@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

* {
	box-sizing: border-box;
}

body {
	font-family: 'Open Sans', sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	margin: 0;
}

.container {
	display: grid;
	max-width: 1040px;
	grid-template-columns: repeat(3, 1fr);
	justify-items: center;
	margin: auto;
	padding: 20px 1%;
	gap: 2%;
}

.card {
	border: 1px solid red;
}

.card-header {
}

.card-header img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center top;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}

.card-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 15px;
}

.card-user {
	display: flex;
}

.card-user-img img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.tag {
	background-color: antiquewhite;
	color: #fff;
	padding: 3px 25px;
	border-radius: 25px;
	text-transform: uppercase;
}

.tag-pink {
	background-color: rgb(218, 79, 171);
}

.tag-blue {
	background-color: rgb(74, 46, 228);
}
.tag-green {
	background-color: rgb(27, 126, 126);
}