/*

@media (orientation: landscape) {

@media (orientation: portrait) {

@media (prefers-color-scheme: light) {

@media (prefers-color-scheme: dark) {

filter: drop-shadow(10px 5px 3px rgba(128,51,0,.7));

*/

:root {	color-scheme:		light dark }

@media (prefers-color-scheme: light) {
	#bg_mask {
		background-color: rgba(255,255,255,.7);
		}
	}

@media (prefers-color-scheme: dark) {
	#bg_mask {
		background-color: rgba(0,0,0,.3);
		background-color: rgba(255,255,255,.7);
		}
	}

body {	background:		white url(/img/kasteel-van-Poeke.jpg) fixed center;
	background-size:	cover;
	margin:			0;
	padding:		0;
	text-align:		center }

picture * {
	height:			100vmin;
	width:			100vmin;
	filter:			drop-shadow(10px 5px 3px rgba(0,0,0,.5));
	}

main, #bg_mask {
	left:			0;
	top;			0;
	margin:			0;
	padding:		0;
	height:			100vh;
	width:			100vw }

main {	z-index:		2;
	position:		fixed }

#bg_mask {
	z-index:		1;
	position:		fixed }