h1 {
	color: white;
}

#genres {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5%;
	row-gap: 20px;
}

	#genres > a {
		--shadow-color: black;
		transition-property:box-shadow;
		transition-duration:0.7s;
	}

	#genres > a {
		flex-basis: 30%;
		flex-grow: 1;
		background-color: var(--logo-color);
		padding: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		text-decoration: none;
		color: white;
		font-weight: bold;
		border-radius: 3px;
		box-shadow: 3px 3px 3px var(--shadow-color);
	}

		#genres > a:hover {
			--shadow-color: rgba(255,255,255,0.9);
		}