/* styles.css - Responsive full-bleed video background with scrollable overlay content */

*{box-sizing:border-box;margin:0;padding:0}
html,body{
      margin: 0;
      padding: 0;
      height: 2000px; /* Ensures scrollable content */
      font-family: sans-serif;
      overflow-x: hidden;
    }

    #video-background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -100;
      object-fit: cover;
    }

    .content {
      position: relative;
      z-index: 1;
      padding: 50px;
      color: black;
      text-align: center;
      background-color: rgba(0, 0, 0, 0);
    }