.bg-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  pointer-events: auto; /* allow JS interactions if needed */
  outline: none;
}


































/*TEXT CSS EFFECTS*/
.white-outline {
    text-shadow: 
        2px 0 0 white,
        -2px 0 0 white, 
        0 2px 0 white, 
        0 -2px 0 white;
}
.black-outline {
    text-shadow: 
        2px 0 0 black, 
        -2px 0 0 black, 
        0 2px 0 black,
        0 -2px 0 black; 
    color: white;   
}
.thick-black-outline {
    text-shadow: 
        7px 0 0 black, 
        -7px 0 0 black, 
        0 7px 0 black,
        0 -7px 0 black; 
    color: white;   
}