html,




body {
  margin: 0;
  padding: 0;
background-color: rgb(0, 0, 0);
  box-sizing: border-box;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
border: double 5px black;

}



#megacontainer{background-color: rgb(255, 164, 67);
  border: solid black 30px;
  position: relative;
   width: 800px;
    height:  800px;
  overflow: hidden; 
  }

#container{
 
position: relative;
 width: 800px;
  height:  800px;
overflow: hidden;
background-repeat: no-repeat;

}

#roca,
#ropa,
#pierna1,
#cuerpo,
#pierna2 {
  position: absolute;
  width: 800px;
  height:  800px;
  background-image: url("art.png");
  background-size: cover
  
}


#pisototal{ width: 1600px;
  height:  800px;
  background-image: "";
  left: 0;
  position: absolute;
 
}

#piso1{
  background-image: url("art.png");
  background-position:-800px  0; 
  width: 800px;
  height:  800px;
  background-size: cover;
position: absolute;
}

#piso2{
  background-image: url("art.png");
  background-size: cover;
  background-position:-800px  0; 
        width: 800px;
       height:  800px;
        left: 800px;
        position: absolute; 
      }

#roca{
  background-position:-1600px  0;

}

#ropa{background-position:-2400px  0;}
#pierna1{background-position:-3200px  0;}
#cuerpo{background-position: 0px  0;}
#pierna2{background-position:-3200px  0;}


#texto{
  position: absolute;
  width: 100%;
  top: 15px;
  color: rgb(0, 0, 0);
  font-size: 35px;
  text-align: center;
  font-family:'Times New Roman', Times, serif;
  letter-spacing: 22px;
  font-weight: bolder;

}