html,
body {
	margin: 0;
	padding: 0;
}

body {
	width: 100vw;
	height: 100vw;
	overflow: hidden;
	background: black;
}

/* CSS rules for this piece, you can have fun using mix-blend-mode with several layers */

#hydra {
	opacity: 1;
	position: absolute;
	margin: 0 auto;
	display: block;
	height: 100%;
	width: auto;
	z-index: 0;
}

#D1bg {
	opacity: 0.75;
	mix-blend-mode: difference;
	position: absolute;
	margin: 0 auto;
	display: block;
	height: 100%;
	width: auto;
	z-index: 2;
}

#D1sq {
	opacity: 1;
	mix-blend-mode: normal;
	position: absolute;
	margin: 0 auto;
	display: block;
	height: 100%;
	width: auto;
	z-index: 3;
}

#D1cr {
	opacity: 1;
	mix-blend-mode: normal;
	position: absolute;
	margin: 0 auto;
	display: block;
	height: 100%;
	width: auto;
	z-index: 4;
}