/* Canvas container styling */
#canvas-container {
  width: 100%; /* Full width on smaller screens */
  max-width: 512px; /* Caps at original size */
  height: 512px;
  position: absolute;
  top: 0px; 
  left: 50%; /* Center horizontally */
  pointer-events: none;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;

  transform: translate(-50%, -80px);
}

/* Canvas styling */
#canvas-container canvas {
  width: 100% !important; /* Fills container width */
  height: 100% !important; /* Fills container height */
  display: block;
}

.hero-content {
  transform: translate(0, 40px);
}




canvas {
  background: transparent !important; /* Override any default canvas styles */
}