/* * { */
/* 	outline: 1px solid lightgreen !important; */
/* 	background: hsl(0, 100%, 50% / .1); */
/* } */
/**/
/* *:nth-chile { */
/* 	outline: 1px solid rebeccapurple !important; */
/* } */

img {
	object-fit:contain;
	display: block;
}

.card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	transition: 0.3s;
	border-radius: 20px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	overflow:hidden;
}

.card:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.thumbnail {
	align-self: center;
	background-repeat: no-repeat;
	width: 100%;
	display: block;
	object-fit:cover;
	height: auto;
}

.card-content {
	padding: 0px 20px 0px 20px;
}

main {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

main>* {
	flex: 1 1 calc(20% - 10px);
}

@media screen and (max-width : 450px) {
	main {
		flex-direction: column;
	}

	main>* {
		flex: 1 1 100%;
	}
}