body {
  background-color : #8a8a8a; ;

}

 .none{display:none}
img { height: 100%; position:absolute } 
/* 
#blue{mix-blend-mode: hue; background-color: green;}
#red{mix-blend-mode: multiply; background-color: green;}

#img1, #img2, #img3,#img4,#img5,#img6,#img7{top:-20px; mix-blend-mode: screen; filter:blur(1) }
.nochange img{filter: hue-rotate(0deg) }
.color img{filter: hue-rotate(
  316deg) brightness(1.5) }
.grey img{filter: grayscale(1) brightness(0100);}

#img13, #img12, #img17, #img18{mix-blend-mode: multiply;}

#img15, #img16{opacity:0.86}
.invert{filter: invert(1);}   */

img{height:100%; top:0; left:0; position: absolute; }
  
.display{display:block}
.none{display:none}
#bg{mix-blend-mode: overlay;
    background-image: url(img/bg.gif); width:100%; height:100%;
    opacity: 0.65;
    background-repeat: repeat;
    background-size: 150px;
    background-color: #8e8e8e;
    background-blend-mode: overlay;
    width: 100%;
    height: 100%;}