/* Contact Page Skyline Background Styles */

#contact-skyline-canvas {
  background: linear-gradient(
    hsl(120, 60%, 40%) 0%, 
    hsl(130, 50%, 35%) 30%,
    hsl(140, 40%, 30%) 60%,
    hsl(150, 50%, 25%) 100%
  );
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}

/* Ensure the canvas is behind all content */
body {
  position: relative;
}

/* Optional: Add a subtle overlay to ensure text readability */
.contact-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: -1;
  pointer-events: none;
}