:root {
	--bg-blur: 0.5rem;
}

#bg-img {
	background-image: url("/assets/img/bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;

	top:    calc(var(--bg-blur) * -2);
	right:  calc(var(--bg-blur) * -2);
	bottom: calc(var(--bg-blur) * -2);
	left:   calc(var(--bg-blur) * -2);

	position: fixed;
	background-color: #242424;
	filter: blur(var(--bg-blur));
}


#content{
	z-index:1;
}


header {
	backdrop-filter: blur(calc(var(--bg-blur) * 2));
}