@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@300;400;500&display=swap');

.gradient-ascii-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Background canvas and container: must strictly stay absolute out of flex flow */
.hero-ascii-bg,
.hero-ascii-bg.gradient-ascii-container {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  flex: none !important;
}

.gradient-ascii-canvas {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}