/*=============== CARDS ===============*/
.card{
	display: grid;
	place-items: center;
	float: left;
	width: 350px;
	height: 600px;
	border-radius: 15px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color: transparent;
}
.card_img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.card_info {
	border-radius: 15px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 11%;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	background-color: transparent;
	padding: 10px;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(10px);

	transition: height .4s ease-in-out;
	-webkit-transition: height .4s ease-in-out;
	-moz-transition: height .4s ease-in-out;

}
.card_info:hover{
	height: 95%;
	text-shadow: 0 0 3px white, 0 0 5px white;
}

@media(hover: none) {
	.card{
		width: 350px;
		height: auto;
		margin: 0px;
		padding: 0px;
		overflow: visible;
		background-color: #cccccc;
	}
	.card img{
		border-radius: 15px;
		height: 100%;
		object-fit: contain;
		object-position: top;
	}
	.card_info{
		position: relative;
		height: auto;
		text-shadow: 0 0 3px white, 0 0 5px white;
	}
}