@import 'theme.scss';



.album-page-container {
	width: 90vw;

	.album-header {
		height: 40vh;
		width: 65vw;
		margin: auto;
		

		padding:20px;

		background-image: linear-gradient($accent-color, $background-color);
		border-radius: 15px;

		.album-info {
			width: 100%;
			height: 100%;
		}
	}
}

.album-info {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;

	.album-image {
		max-width: 80%;
		max-height: 80%;
		box-shadow: 10px 10px 50px -10px $background-color;
	}

	.album-body {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;

		.album-title {
			color: $text-controls-color;
			font-size: 40px;
			font-weight: bold;
			margin:15px;
			text-align: center;
		}

		.album-artists {
			display: flex;
			flex-flow: row wrap;
			justify-content: space-around;
			align-content: space-around;
			margin:15px;

			color: $text-controls-color;
			font-size: 20px;
			
			.album-artist {
				margin: 5px;
				text-align: center;
				text-decoration: underline;
			}
		}
	}

}