html,
		body {
		  margin: 0;
/*		  overflow: hidden;*/
		  width: 100%;
		  height: 100%;
/*		  cursor: none;	*/
		  background: black;
		  background-image: linear-gradient(to bottom, #000000 0%, #365cb9 100%);
		}
		
		.filter {
		  width: 100%;
		  height: 100%;
		  position: absolute;
		  top: 0;
		  left: 0;
		  background:  #35622c;
		  animation: colorChange 87s ease-in-out infinite;
		  animation-fill-mode: both;
		  mix-blend-mode: overlay;
		  z-index: 1;
		}
		
		@keyframes colorChange {
		  0%,
		  100% {
		    opacity: 0;
		  }
		  50% {
		    opacity: .9;
		  }
		}
		
		.landscape {
		  position: absolute;
		  bottom: 0px;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background-image: url('ims/grid.png');
		  background-size: cover;
		  background-repeat: no-repeat;
		  background-position: center bottom;
		  z-index: 2;
		  opacity:0.6;
		}
		
		.ab-canvas {
			-webkit-mask-image: url('ims/grid-mask.png');
			mask-image: url('ims/grid-mask.png');
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;  
			mask-position: center bottom;  
			-webkit-mask-position: center bottom;
}