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: black;
}



#caras{
  position: absolute;
  width: 6400px;
  height:  2400px;
  background-image: url("art.png");
  background-position: 0px 0px;
 background-repeat: repeat-x;
  background-size: 6400px 2400px;
}

#arbol{
  position: absolute;
  width: 6400px;
  height:  2400px;
  background-image: url("art.png");
  background-position: 0px -800px;
 background-repeat: repeat-x;
  background-size: 6400px 2400px;
}

#luna{
  position: absolute;
  width: 6400px;
  height:  2400px;
  background-image: url("art.png");
  background-position: 0px -1600px;
 background-repeat: repeat-x;
  background-size: 6400px 2400px;
}



#texto{
  user-select: none;
  position: absolute;
  text-align: center;
  width: 800px;
  top: 580px;
  background-color: black;
  color: white;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  letter-spacing: 25px;
  font-size: 30px;

 
}