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



#fondo{
  position: absolute;
  width: 800px;
  height:  800px;
  background-image: url("art.gif");
  background-position: 0px 0px;
 background-repeat: no-repeat;
  background-size: 2400px 1600px
}

#doncella{
  position: absolute;
  width: 200px;
  height:  200px;
  background-image: url("art.gif");
  background-position: 0px -1000px;
 background-repeat: no-repeat;
  background-size: 2400px 1600px
}

#comiendo{
  position: absolute;
  width: 800px;
  height:  800px;
  background-image: url("art.gif");
  background-position: -1600px -800px;
 background-repeat: no-repeat;
  background-size: 2400px 1600px;
  animation-name: acomer;
  animation-duration: 0.15s;
  animation-iteration-count: infinite;
}

@keyframes acomer {
  0%{top: 11px};
  20%{top: 0px};
  35%{top: 8px};
  45%{top: 0px};
  59%{top: 14px};
  69%{top:4px};
85%{top:12px};
94%{top:5px};
100%{top: 0%;};
  
}


#black{
  position: absolute;
  width: 800px;
  height:  800px;
  background-color: black;
}

#flechas{
  position: absolute;
  width: 800px;
  height:800px;
  background-image: url("art.gif");
  background-position:-800px 0px;
 background-repeat: no-repeat;
  background-size: 2400px 1600px
}

#fuego{
  position: absolute;
  width: 800px;
  height:160px;
  background-image: url("art.gif");
  background-position:-1600px 0px;
 background-repeat: no-repeat;
  background-size: 2400px 1600px
}

#minotaur{
  position: absolute;
  width: 265px;
  height:200px;
 pointer-events: none;


}


#minotaurcuerpo{
  position: absolute;
  width: 265px;
  height:200px;
  background-image: url("art.gif");
  background-position:0px -800px;
 background-repeat: no-repeat;
  background-size: 2400px 1600px;
 
  
}

@keyframes animacuerpotoro{
0%{rotate: -15deg;}
50%{rotate:15deg;}
100%{rotate: -15deg;}
}

#minotaurcabeza{
  position: absolute;
  width: 265px;
  height:200px;
  background-image: url("art.gif");
  background-position: -265px -800px;
 background-repeat: no-repeat;
  background-size: 2400px 1600px
}




#texto{
  user-select: none;
  position: absolute;
  text-align: center;
  width: 800px;
  top: 580px;
  background-color: black;
  color: white;
  font-family:'Times New Roman', Times, serif;
  letter-spacing: 25px;
  font-size: 30px;
  padding: 33px;

 
}