/* Tech background canvas styling */
#tech-bg {
  position: fixed;
  inset: 0; /* top:0; right:0; bottom:0; left:0; */
  width: 100%;
  height: 100%;
  z-index: 0; /* behind main content which should be above */
  display: block;
  pointer-events: none; /* allow clicks through */
  background: radial-gradient(
    ellipse at center,
    rgba(10, 14, 30, 0.6) 0%,
    rgba(5, 9, 20, 0.8) 60%,
    rgba(2, 4, 8, 1) 100%
  );
}

/* ensure main content sits above the canvas */
main,
.header,
.main-wrapper {
  position: relative;
  z-index: 1;
}

/* small responsive tweak to improve contrast */
@media (max-width: 768px) {
  #tech-bg {
    opacity: 0.9;
  }
}