html {
	margin: 0;
	height: 100%;
}

body {
	background-color: #fffaf0;
	font-family: "Cousine", sans-serif;
	font-weight: 300;
	color: #000;
  	display: flex;
  	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	margin: 0;
 	min-height: 100%;
	text-align: center;
}

#main {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	margin-top: -30px;
}

.song {
	flex-grow: 8;
}

.title {
	font-size: 3em;
}

.genre, .artist {
	font-size: 1.5em;
}

.sep {
	font-size: 16em;
	font-weight: bold;
	flex-grow: 1;
	color: #ccc8c0;
}

.sub {
	color: #ccc8c0;
}

.unknown {
	color: #ccc8c0;
}

a {
	color: inherit;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}