waveline player css so it looks slightly better or something

player.waveline.app.css

@-moz-document domain("player.waveline.app") {
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&family=Noto+Sans+JP:wght@100;300;400&display=swap');
*, :after, :before, button, button:focus, input, textarea, body, html, h1, h2, h3, h4, h5 {
	font-family: 'Inter', 'Noto Sans JP', 'Open Sans', feather, sans-serif;
}
.button:hover {
    color: #fff;
    background-color: #4caf50!important;
}

.grid > * {
	padding-left: .5em !important;
	padding-right: .51em !important;
	overflow: visible !important;
	text-overflow: ellipsis !important;
}
.album .album-title {
	font-size: 1.1rem !important;
	width: 250px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}
.app .app-content .app-player {
	margin-top: 10px !important;
	margin-bottom: 20px !important;
	margin-left: 10px !important;
	margin-right: 20px !important;
	background: #09090b !important;
	border-radius: 20px !important;
}

.app-player-controls .app-playlist-queue {
    padding: 10px 20px 10px 20px !important;
    border-radius: 5px !important;
}

.app-player-controls {
    padding: 10px 20px 0px 20px !important;
}

section {
	position: relative;
	margin-bottom: 10px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
	overflow: hidden !important;
	min-height: calc(100% - 40px) !important;
}
section .album-header, section .album-overlay {
	background-color: #09090b !important;
}
}