* {
	box-sizing: border-box;
}

.grid {
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-template-rows: auto auto;
	text-align: center;
	margin: 0 auto;
}

.grid>* {
	padding: 10px;
	float: left;
}

.cell {
	margin-top: 10px;
	cursor: pointer;
	transition: all .4s ease-out;
	animation: 1.3s fadeIn;
	animation-fill-mode: forwards;
	visibility: hidden;
}

.cell:hover {
	/* text-decoration: underline; */
	transition: all .4s ease-out;
}

.cellPodcast {
	margin-top: 10px;
	cursor: default;
	transition: all .4s ease-out;
	animation: 1.3s fadeIn;
	animation-fill-mode: forwards;
	visibility: hidden;
}

.cellPodcast {
	/* text-decoration: underline; */
	transition: all .4s ease-out;
}

.imgGrid {
	max-height: 250px;
	cursor: pointer;
	object-fit: cover;
	animation: 1.3s fadeIn;
	animation-fill-mode: forwards;
	visibility: hidden;
	align-self: end;
}

.imgGridPodcast {
	max-height: 250px;
	cursor: default;
	object-fit: cover;
	animation: 1.3s fadeIn;
	animation-fill-mode: forwards;
	visibility: hidden;
	align-self: end;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}