@font-face {
  font-family: 'HKGrotesk-Black';
  src: url('fonts/HKGrotesk-Black.otf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

.link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

body {
background-color: #321A3E;
margin: 1em;
background-image: url("imagenes/tapizmorado.png")


}

.gallery{

}

img{
  max-width: 100%;
  /*object-fit: cover;*/
  margin-bottom: 0.5em;

}

.gallery{
  columns: 4 200px;
  column-gap: 0.5em;
}



#floor{
 background-color: black;
 background-image: url("imagenes/floorfooter.png")  ;
 background-repeat: no-repeat;
 background-size: contain;
 position: fixed;
 width: 1520px;
 height: 215px;
 z-index: 999;
 right: 0px;
 bottom: 0px;

}

.trap{
  background-color: #35210c;
 
  background-repeat: no-repeat;
  background-size: contain;
  width: 400px;
  height: 100px;
  transform: perspective(10px) rotateX(1deg);
  margin: 50px;
  z-index: 999;
  position: fixed;
  bottom: -20px;
 }

 .trap:hover{
  background-color: #ffba15;
 }

  #door{
 left: 200px;
 background-image: url("imagenes/homedoor.png")  ;

  }

 #door2{
  right: 200px;
 background-image: url("imagenes/infodoor.png")  ;
  }

}





@media screen and (max-width: 800px) {}