.genrepage {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(clamp(150px, 45%, 300px), 1fr));
	gap: min(2vh, 2vw);
	padding: 1rem 3%;
	width: 100%;
	margin: 0 auto;
}

.genre-description {
	max-height: 75vw;
	justify-content: center;
}

.genre-description:hover {
	transform: scale(1.05);
}

.genre-description h2 {
	font-size: clamp(0.5rem, 4vw, 1.75rem);
}

.genre-description p {
	margin: 0;
	font-size: clamp(0.5rem, 3vw, 1.25rem);
	display: -webkit-box;
	-webkit-line-clamp: 10;
      line-clamp: 10;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}