/* Absolutely positioned overlay for DOM words (not affected by <pre> rules) */
#words{
  position:absolute;
  inset:0;
  transform-origin: top left;
  pointer-events:none;
}

/* Word styling: no glow, bigger, uppercase, bold */
.word {
  position:absolute;
  font-size:50px;
  font-weight:700; /* Light */
  text-transform:uppercase;
  color:#36a436;
  line-height:1;
  white-space:nowrap;

  font-family: 'JetBrains Mono', monospace;

  letter-spacing: 4px; 
}





/* optional: slight per-word rotation vibe (comment out if you don't want) */
.word[data-w="NOTHING"] { transform: rotate(-3deg); }
.word[data-w="TO"]      { transform: rotate(2deg); }
.word[data-w="SEE"]     { transform: rotate(-1deg); }
.word[data-w="HERE"]    { transform: rotate(3deg); }