main {
	background-color: rgba(0, 0, 0, 0.6);
	background-image: url("../fotos/films.jpg");
	background-blend-mode: multiply;
	background-size: cover;
	background-position: center;
	background-repeat: repeat-y;
	color: #ffffff;
}

.content {
	width: 75%;
}

@media screen and (max-width: 576px) {
	.content {
		width: 100%;
	}
}

.category-name {
	color: white;
}

#heart-icons,
#time-icons {
	cursor: pointer;
	transition: 0.7s;
}

#heart-icons:hover {
	transform: scale(1.5);
	fill: rgb(238, 62, 62);
}

#time-icons:hover {
	transform: scale(1.5);
	fill: rgb(242, 194, 64);
}