body {
        background-color: black;
        margin: 0;
        overflow-x: hidden;
        font-family: 'Helvetica Neue', sans-serif;
    
      }
      .name-overlay {
        position: fixed; /* stays on top while scrolling */
        top: 5vh; /* adjust position */
        left: 50%;
        transform: translateX(-50%);
        font-size: 18vw; /* really big, scales with screen */
        font-weight: 900;
        color: rgba(144, 238, 144, 0.3); /* light green and transparent */
        z-index: 9999; /* on top of all other elements */
        pointer-events: none; /* lets you click elements behind */
        mix-blend-mode: lighten; /* optional: makes it blend nicely */
        text-align: center;
        white-space: nowrap;
      }
      
      /* Big background title */
      .background-title {
        position: absolute;
        top: 30%;
        width: 100%;
        font-size: 20vw;
        text-align: center;
        color: #90ee90;  /* Solid light green */
        z-index: 0;
        pointer-events: none;
      }
      
      /* Common styles for sliders */
      .work-slider {
        overflow: hidden;
        white-space: nowrap;
        padding: 2rem 0;
        position: relative;
        z-index: 1;
      }
      
      .slider-track {
        display: inline-block;
      }
      
      .slider-track img {
        height: 300px;
        margin: 0 1rem;
        border-radius: 10px;
        vertical-align: middle;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      }
      
      /* Animations */
      .scroll-left {
        animation: scroll-left 20s linear infinite;
      }
      
      .scroll-right {
        animation: scroll-right 10s linear infinite;
      }
      
      @keyframes scroll-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
      }
      
      @keyframes scroll-right {
        0% { transform: translateX(-50%); }
        100% { transform: translateX(0); }
        
      }
      @keyframes scroll-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(-100%); }
      }