body {
	margin : 2%;
	color : #FFF;
	background-color : #222;
	font-family : Verdana;
	font-weight : 100;
}

#songList {
	display : block;
	width : 100%;
}

#songList div {
	padding : 5px;
	padding-top : 165px;
	width : 150px;
	background-position : 0px 0px;
	background-repeat : no-repeat;
	background-size : 160px 160px;
	display : inline-flex;
	text-align : center;
	margin : 5px;
	border : 1px solid white;
	border-radius : 10px;
	user-select : none;
	cursor : pointer;
}

input {
	background-color : #222;
	color : #FFF;
	border : 1px solid #FFF;
	padding : 5px;
}

input:hover,
#songList div:hover {
	background-color : #444;
}

input:active,
#songList div:active {
	background-color : #666;
}

.songsDisabled {
	pointer-events : none;
	display : none !important;
}

.topSong {
	height : 50px;
	display : inline-flex;
	width : 80%;
	border : 1px solid #FFF;
	border-radius : 10px;
	overflow : hidden;
}
.topSong * {
	display : flex;
	flex : 1;
	height : 50px;
	line-height : 50px;
}

.topSong span {
	padding-left : 5px;
	padding-right : 5px;
}

.topSong img {
	min-width : 50px;
	max-width : 50px;
	height : 50px;
}