/* Frosted gradient under the fixed navbar: blurs page content that
   scrolls beneath the top of the viewport, fading out below the nav. */

body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	/* navbar is 4.25rem; blur extends a little past it and fades out */
	height: 6rem;
	pointer-events: none;
	z-index: 998;
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	-webkit-mask-image: linear-gradient(
		to bottom,
		black 0,
		black 4.25rem,
		transparent 100%
	);
	mask-image: linear-gradient(
		to bottom,
		black 0,
		black 4.25rem,
		transparent 100%
	);
}

/* Hidden on mobile */
@media only screen and (max-width: 720px) {
	body::before {
		display: none;
	}
}