@charset "UTF-8";
h1 .artist {
	text-align: left;
	text-transform: uppercase;
	line-height: 1.25;
}
h1 .album {
	text-align: left;
	text-transform: none;
	line-height: 1.25;
}
cite {
	font-weight: 700;
}
div.grid_container_cover {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
}
@media only screen and (max-width: 740px) {
	div.grid_container_cover {
		grid-template-columns: 1fr;
	}
}
div.grid_container_cover img {
	width: 100%;
	height: auto;
	border-style: solid;
	border-width: thin;
	border-color: var(--color-lightpurple);
}
div.grid_container_buy {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
}
@media only screen and (max-width: 770px) {
	div.grid_container_buy {
		grid-template-columns: 1fr 1fr;
	}
}
@media only screen and (max-width: 570px) {
	div.grid_container_buy {
		grid-template-columns: 1fr;
	}
}
div.grid_container_buy a {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 5px;
	padding-left: 5px;
	border-style: solid;
	border-width: medium;
	text-align: center;
	letter-spacing: 2px;
}
div.grid_container_buy a:link {
	border-color: var(--color-black);
	color: var(--color-black);
}
div.grid_container_buy a:visited {
	border-color: var(--color-black);
	color: var(--color-black);
}
div.grid_container_buy a:hover {
	border-color: var(--color-darkpurple);
	color: var(--color-darkpurple);
}
div.grid_container_buy a:active {
	border-color: var(--color-darkpurple);
	color: var(--color-darkpurple);
}
tr.track {
	vertical-align: top;
}
td .track_details
{
	color: var(--color-gray);
}