/* laboratorio */

html{
  background: url("../img/fondo.png");
}

/* arcon */

.arcon{
  margin: 0 auto;
  width: 80%;
  display: flex;
}



.elemento{
  z-index: 10;
  margin: 5px;
  float: left;
  width: 100px;
  height: 100px;
  background-size: 100px 100px;
}

.relicario{
  width: 335px;
  height: 500px;
  background-color: rgb(149, 19, 240);
}

.elemento img{
  width: 100px;
  height: 100px;
}

/* tricaja */
.tricaja{
  display: block;
  width: 70%;
  height: 500px;
  background-color: rgb(0,0,0);
}


#primero{
  width: 100%;
  height: 150px;
}

#ruby{
  background-image: url("../img/rubi.png");
}

#zircon{
  background-image: url("../img/zircon.png");
}

#esmeralda{
  background-image: url("../img/esmeralda.png");
}