body {
	overflow: hidden;
	user-select: none;
}

.brand {
	display: flex;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.brand img {
	max-height: 50vh;
	max-width: 50vw;
	pointer-events: none;
}

.add-noise {
	--noise-opacity: .5;
}

.add-noise::after {
	content: "";
	position: absolute;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='500' height='500' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E");
	mix-blend-mode: lighten;
	inset: 0;
	pointer-events: none;
	opacity: var(--noise-opacity, .5);
	filter: invert(0);
	z-index: 10000;
}

.drop-shadow {
  --dropshadow: 0px .5rem 1rem;
  --dropshadow-color: 0, 0, 0;
  --dropshadow-opacity: 0.15;
  filter: drop-shadow( var(--dropshadow) rgba( var(--dropshadow-color), var(--dropshadow-opacity) ) );
}

.drop-shadow.blue {
	--dropshadow: 0px 1rem 1rem;
	--dropshadow-color: 5, 73, 168;
	--dropshadow-opacity: 0.25;
}