body {
	background-color: rgb(20, 20, 20);
	color: rgb(240, 240, 240);
	font-family: Tahoma, sans-serif;
	padding: 10pt;
}

.header {
	text-align: center;
}

.album-art {
	display: block;
	width: 40%;

	min-width: 80vw;
	aspect-ratio: 1;

	border-radius: 8pt;

	margin-top: 10pt;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10pt;

	background-size: cover;
}

.album-art-1 {
	background-image: url("./images/album@3x.jpg");
}

.album-art-container {
	width: 100%;
}

.announcements {
	margin-bottom: 20pt;
}

.coming-soon {
	text-align: left;
}

@media only screen and (max-width: 768px) {
  .album-art {
    background-image: url("./images/album@.jpg");
  }
}

@media only screen and (max-width: 1028px) {
  .album-art {
    background-image: url("./images/album@2x.jpg");
  }
}