#background-video {
	width: 100vw;
	object-fit: cover;
	position: fixed;
	left: 0;
	right: 0;
	top: 3.5em;
	bottom: 0;
	z-index: -2;
} 
@media screen and (max-width: 736px) {
	#background-video {
		top: 2.75em;
	}
}

#video-container::before {
	content: '';
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000000;
	opacity: 0.5;
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(45deg, #666666 0, #666666 0.4px, #000000 0, #000000 50%);
	z-index: -1;
	transition: opacity 4s;
}

#video-container.done::before {
	opacity: 0.9;
}