body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: black;
    background-image: url('pics/backgrounds/background24.png');
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
}

  #bg-slideshow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -9999;       /* forces it behind everything */
    pointer-events: none; /* makes sure it never blocks clicks */
    overflow: hidden;
  }

  #bg-slideshow img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 2s ease-in-out;
  }

  #bg-slideshow img.active {
    opacity: 1;
  }





































/*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;   
}