.page-fade {
    position: fixed;
    inset: 0;               
    background: black;
    pointer-events: none;
    animation: revealPage 3.5s ease forwards;
    z-index: 999999;
}

@keyframes revealPage {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}

#tooltip {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease;
  max-width: 200px;
  padding: 8px;
  background: rgba(0, 0, 0, 0.95);
  outline: 2px groove rgb(255, 255, 255);
  border-radius: 5px;
  z-index: 99999;
}
.tooltip-text {
  color: black;
  font-family: mom;
  font-size: 12px;
  text-shadow:
    -1px -1px 0 rgba(255,255,255,0.8),
     1px -1px 0 rgba(255,255,255,0.8),
    -1px  1px 0 rgba(255,255,255,0.8),
     1px  1px 0 rgba(255,255,255,0.8);

  filter:
    drop-shadow(0 0 0.5px white)
    drop-shadow(0 0 0.5px white);
}