/* Bokeh Background Effect Styles */
#bokehCanvas {
    position: fixed;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
}

/* Ensure content above the canvas is properly layered */
.webdev-hero,
.webdev-hero .container,
.webdev-hero-title,
.webdev-hero-subtitle {
    position: relative;
    z-index: 1;
}