.tooltip-box {
  background-color: #4e2280;
  background-image: url(../art/background3.png);
  border: 2px #000000 solid;
  color: white;
  padding: 4px 12px;
  font-size: 14px;
  white-space: nowrap;
  position: absolute;
  z-index: 1000;
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  box-shadow: rgb(24, 12, 12) 7px 7px 15px 0;
  border-radius: 25px 7px 25px 7px;
  max-width: 700px;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}