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

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


}



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

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



#piel, #pelo, #ojos{
  position: absolute;
  width: 800px;
  height:  800px;
  background-image: url("caro.svg");
  background-position-x: 0px;
 background-repeat: no-repeat;
  background-size: 15200px 2400px;
}

#piel{
background-position-y:-1600px;

}

#pelo{
  background-position-y: 0;
  }

#ojos{
    background-position-y: -800px;
    }



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

 
}