body {
	height: 100%;
	max-width: 100%;
	background-color: #121212;
	font-family: 'Arial Narrow', sans-serif;
}

.social-icons  img:not(.youtube){
    -webkit-filter: invert(1);
    filter: invert(1);
}
.social-icons img {
    width: 40px;
}

.youtube {
	-webkit-filter: invert(0);
	filter: invert(0);
}

.logo {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-around;
}

.logo img {
    -webkit-filter: invert(1);
    filter: invert(1);
    height: 60px;
}

.main-container {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: space-between;
	height: 100%;
	max-width: 100%;
}

.album-cover {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-around;
}

.album-cover img {
	width: 150px;
	height: 150px;
}

.album-info {
	font-weight: bold;
	color: #dedede;
}

.title {
	font-size: 22px;
}
.subtitle {
	font-size: 18px;
}

.band {
	max-width: 900px;
}

.band img {
	width: 100%;
}

@media (max-width:320px) {
	body {
		max-width: none;
	}
}

.links {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-around;
}

.link {
	border: solid 1px #dedede;
	width: fit-content;
	text-align: center;
}

.link a {
	font-weight: bold;
	text-decoration: none;
	color: #dedede;
	max-width:40px;
}