/*
Theme Name: MEIER
Author: Martin Meier
Description: Made for MEIER
Version: 1.0
License: All Rights Reserved
Tags: mauve, violet, one-pager
Text Domain: meier
*/

* {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);
}

button {
	background-color: var(--bg);
  	color: var(--theme);
  	border: 1px solid var(--theme);
  	padding: 10px 15px;
  	cursor: pointer;
}

button:hover {
	box-shadow: 0 0 20px -10px #fff, inset 0 0 20px -10px #fff;
	text-shadow: 0 0 20px #fff;
}

a:hover, li:hover, summary:hover {filter: drop-shadow(0 0 15px #fff);}

summary, summary::-webkit-details-marker {list-style: none;}

summary::before {
   padding-right: .25rem;
   content: '+ ';
}

details[open] summary::before {
	padding-right: .25rem;
    content: '- ';
}

.text-glow {text-shadow: 0 0 20px #fff;}

.mx-1540 {max-width: 1540px;}