html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	background-color: #131313;
}

.bg-canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	
	z-index: 0;
	
	isolation: isolate;
	background-color: #131313;
}

.bg-canvas::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	background-image: url('../images/animatedstripes.png');
	background-repeat: repeat;
	mix-blend-mode: screen;
	
	animation: moveUV 15s linear infinite;
}

@keyframes moveUV {
	from {
		background-position: 0px 0px;
	}
	to {
		background-position: 960px 0px;
	}
}

.content {
	position: relative;
	z-index: 1;
	color: #ffffff;
	font-family: sans-serif;
	padding: 20px;
	pointer-events: auto;
}