@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

#js-fxCanvas {
  position: fixed; inset: 0;
  width: 100vw; height: 100vh;
  pointer-events: none;
  z-index: -1;
}
#js-name-overlay {
  position: fixed;
  top: 28px; left: 32px;
  z-index: 9999;
  font-family: 'Share Tech Mono', monospace;
  font-size: 1.05rem;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(0,220,190,0.6), 0 1px 6px rgba(0,0,0,0.95);
  pointer-events: none;
  line-height: 1;
}
#js-name-cursor {
  display: inline-block;
  animation: js-blink 1.1s step-end infinite;
  color: rgba(0,255,190,0.9);
  font-weight: normal;
}
@keyframes js-blink { 50% { opacity: 0; } }
#js-socials { display: flex; flex-direction: column; }
#js-socials .js-plus { display: block; line-height: 1.5; }

/* Font op homepage */
body.js-homepage, body.js-homepage p, body.js-homepage div,
body.js-homepage span, body.js-homepage li, body.js-homepage a,
body.js-homepage h1, body.js-homepage h2, body.js-homepage h3 {
  font-family: 'Share Tech Mono', monospace !important;
  letter-spacing: 0.04em;
}