#library-page {
	width: 800px;
	margin: auto;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

#library-page::-webkit-scrollbar {
	display: none;
}

#library-upload-btn {
	margin-top: 30px;
	margin-left: 30px;
	width: 150px;
	border: 3px solid lightgrey;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background: linear-gradient(180deg, #f61 0%, #f83 47%, #f41 53%, #f61 100%);
	cursor: pointer;
}

#library-upload-btn:hover {
	background: linear-gradient(180deg, #61f 0%, #41f 47%, #61f 53%, #83f 100%);
}

#library-song-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 10px;
}

.library-song {
	display: flex;
	flex-direction: row;
	border: solid 2px lightgrey;
	background: linear-gradient(180deg, #aaa4 0%, #5554 100%);
}

.library-song:hover {
	background: linear-gradient(180deg, #ccc5 0%, #6665 100%);
}

.library-song-cover {
	width: 64px;
	height: 64px;
	object-fit: cover;
	flex-shrink: 0;
}

.library-song-info {
	display: flex;
	flex-direction: column;
}

.library-song-title {
	margin-left: 20px;
	margin-top: 5px;
}

.library-song-artist,
.library-song-album {
	font-size: 12px;
	color: gray;
	margin-left: 20px;
}

.library-song-delete {
	margin: auto;
	height: 30px;
	margin-right: 15px;
	border: 2px solid lightgrey;
	background: linear-gradient(180deg, #e66b 0%, #f33b);
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	cursor: pointer;
}

.library-song-delete:hover {
	background: linear-gradient(180deg, #e66 0%, #f33);
}

.uploaded-songs {
	margin-top: 30px;
	font-size: x-large;
	margin-bottom: 8px;
}