.-matrix-cont {
	background-color: rgba(0, 64, 0, 0.1);
	position: fixed; left: 0; top: 0; right: 0; bottom: 0;
	overflow: hidden; z-index: 10000; pointer-events: none;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

.-matrix-trail {
	font: 12px courier;
	color: #00ff00;
	position: absolute; top: 0; left: 0;
	animation-name: -matrix-anim;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in;
}
@keyframes -matrix-anim {
	from {transform: translate(0vw, -20vh);}
	to {transform: translate(0vw, 120vh);}
}

.-matrix-trail * {padding: 0; margin: 0;}

/* compatibility... */
.-matrix-char {
	-webkit-animation-name: -matrix-anim;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in;
}
@-webkit-keyframes -matrix-anim {
	from {-webkit-transform: translate(0vw, -20vh);}
	to {-webkit-transform: translate(0vw, 120vh);}
}