/* Body & Viewport setup */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  font-family: "Montserrat", sans-serif;
}

/* 1. Header / Title Positioning */
header h1 {
  position: absolute;
  top: 80px;                   /* CHANGE THIS VALUE to move title up/down */
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 0;
  font-size: 2em;
  font-weight: 900;
  color: #ffffff;
  background: transparent;
  z-index: 10;
  pointer-events: none;
}

#canvas-container,
#container3D {
  width: 100%;
  max-width: 850px; 
  aspect-ratio: 16 / 9;
  margin: 0 auto;   
  position: relative;
}

#container3D canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}