html,
body {
  margin: 0;
  padding: 0;
background-color: black;

  width: 100vw;
  height: 100vh;
  overflow: hidden;
}



#megacontainer { 
 overflow: hidden;
 position: relative;
   width: 800px;
    height:  800px;

  }

#container{
  overflow: hidden;
position: relative;
 width: 800px;
  height:  800px;

background-repeat: no-repeat;
background-color: rgb(234, 241, 216);
}



#fondo, #ojos, #cara, #boca , #pelo, #rayon, #grunge{
  position: absolute;
  width: 800px;
  height:  800px;
  background-image: url("art.gif");
 background-repeat: repeat-x;
  background-size: 8000px 6400px;
}

#multiplicado{
  position: absolute;
  width: 800px;
  height:  800px;
  background-image: url("art.gif");

 background-repeat: repeat-x;
  background-size: 8000px 6400px;
  mix-blend-mode:multiply;


}

#container{
  transform: scale(1.2);
}






#texto{
  user-select: none;
  position: absolute;
  text-align: center;
  width: 1400px;
  left: -200px;
  top: 380px;
  background-color: black;
  color: white;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: 900;
  letter-spacing: 5px;
  line-height: 42px;
  transform: rotate(44deg);
  font-size: 50px;
  padding:  10px 0 10px ;

 
}