.player {
	position: sticky;
	top: 20px;
}

.player audio {
	min-width: 80%;
	margin: 0 10%;
	border-radius: 10px;
}

h2 {
	margin: 0.1em 0 0.1em;
	text-align: center;
}

.tune {
	min-height: 11em;
	margin-top: 2em;
}

.card {
	float: left;
	margin: 0 2em 2em 0;
	padding: 0 1em 1em 1em;
	background-color: color-mix(in oklab, var(--color-background-content), white 30%);
	border-radius: 0.6em;
}

.info-row {
	display: flex;
	width: 100%;
}

.subtitle, .composer, .instruments, .recorded {
	text-indent: 0;
	margin: 0;
	margin-top: 0;
}

.subtitle {
	flex-grow: 1;
	margin-right: 2em;
}

.composer {
	text-align: right;
}

.playbutton {
	display: grid;
	justify-items: center;
}

.playbutton button {
	background-color: color-mix(in oklab, var(--color-background-content), white 60%);
	border-color: var(--color-background-outside);
	font-family: unset;
	font-weight: bold;
	color: unset;
	border-radius: 1em;
	padding: 0.3em 2em;
	margin: 0.5em auto 0.3em auto;
}

img {
	max-height: 12em;
	object-fit: contain;
}

@media (max-width: 700px) {
	.card {
		width: 100%;
	}
}