.cover-container {
	width: 100%;
	max-width: 50em;
}

.social-icon {
	font-size: 8.0rem !important;
}

.no-min-width {
	min-width: 0 !important;
}

.spotify-brand-color {
	color: #1ed760;
}

ul.card-list{
	list-style-type:none;
}

section {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: scale(0.98);
	transition:
		opacity 0.6s ease,
		visibility 0s linear 0.6s,
		transform 0.6s ease;
	z-index: 1;
}

/* Show #home by default */
section#home {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: scale(1);
	z-index: 1;
}

/* Show the current :target section */
section:target {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: scale(1);
	z-index: 2;
	transition-delay: 0s;
}

/* Hide #home only when another :target exists */
main:has(section:target:not(#home)) section#home {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: scale(0.98);
}