body {
  background-color: #faf3e0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

#ritual-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#centro {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}


.item {
  position: absolute;
  width: 10%;
  cursor: grab;
  z-index: 2;
  filter: drop-shadow(0 0 20px rgb(51, 0, 255));
}


#item1 { top: 0%; left: 45%; }
#item2 { top: 10%; left: 70%; }
#item3 { top: 30%; left: 85%; }
#item4 { top: 55%; left: 85%; }
#item5 { top: 75%; left: 70%; }
#item6 { top: 80%; left: 45%; }
#item7 { top: 75%; left: 15%; }
#item8 { top: 55%; left: 0%; }
#item9 { top: 30%; left: 0%; }
#item10 { top: 10%; left: 15%; }
#item11 { top: 0%; left: 30%; }
#item12 { top: 80%; left: 60%; }

#recompensa {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9999; 
  filter: drop-shadow(0 0 20px gold);
}