Scorch/static/scorch.css

body {
	font-family: Helvetica, sans-serif;
	height: 100vh;
	margin: 0;
	padding: 8px;
	box-sizing: border-box;
	background-color: #212121;
	color: #E4E4E4;
}

img {
	max-height: 30vh;
}

main {
	height: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto 1fr auto auto;
	grid-template-areas:
		"h h h"
		"a b c"
		"f f f";
}

#header {
	grid-area: h;
	display: flex;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#logo {
	height: 5em;
}

.list {
	height: 100%;
	width: 100%;
}

#artistListContainer {
	grid-area: a;
}

#albumListContainer {
	grid-area: b;
}

#trackListContainer {
	grid-area: c;
}

#playerContainer {
	grid-area: f;
	display: flex;
	justify-content: center;
}

#albumCover {
	padding-right: 1em;
	padding-top: 8px;
}