Untitled

/* Reset default margins and padding, prevent body overflow. */
html, body{
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* Overwrites default padding on container-fluid in bootstrap. */
.container-fluid {
    padding: 0 !important;
  }

/* Style the container to match the viewport size. */
.video-background {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* Make the video cover the container while maintaining aspect ratio. */
#bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Position the overlay content over the video */
.video-overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
}


/* Colors */
.palegreen {
  color: palegreen;
}
.springgreen {
  color: springgreen;
}
.darkgreen {
  color: darkgreen;
}
.bg-whitesmoke {
  background-color: whitesmoke;
}


.text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}


.gap10 {
  gap: 10%;
}


/* Navigation bar-related */
.nav-background {
  background-color: springgreen;
}
.nav-link {
  color:
}