:root {
  color-scheme: dark;
}

html, body{
	height:100%;
}
body{
	margin:0;
	display: flex;
}

a{
	/* color: #0000EE;  */
}

input[type=checkbox], label{
	cursor:pointer;
}

textarea{
	width:-webkit-fill-available;
	height:200px;
	padding:10px;
	font-size:1em;
	font-family:serif;
}

#map{
	height:100%;
	flex-grow: 1;
}

#meta{
	width:25%;
	box-sizing:content-box;
	padding:0 25px 50px 25px;
	font-family:system-ui, sans-serif;
	overflow-y:auto;
	overflow-x:hidden;
	display:none;
}

.leaflet-marker-icon{ 
	/* filter: hue-rotate(175deg); */
}