* {transition: all .5s ease;}
body {
  	--bg: #a993a5;
	--theme: #370534;
	--volumeSize: 60px;
}
@media (prefers-color-scheme: dark) {	
	body {
		--bg: #370534;
		--theme: #a993a5;
	}	
}
::selection, ::-moz-selection {
	background: var(--theme);
	color: var(--bg);
}
html, body {
	background: var(--bg);
	color: var(--theme);
	font-family: 'Kirvy';
	font-weight: 300;
	overflow-x: hidden;
}
ul {padding: 0;}
li {
	list-style-type: none;
	text-align: left;
	padding: 3px 5px;
}
a, li a {
	text-decoration: none;
	color: var(--theme);
}
a:hover, li:hover {filter: drop-shadow(0 0 15px #fff);}