body {
  margin: 0;
  padding: 0;
  overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */
  background-color: black;
  
}


#slider-container{
  margin: auto 0em;
  text-align: center;
  cursor: none;
  }

  .slide img{
    display: block;
    width: auto;
    height: auto;
    max-width:100%;
    max-height:100vh;
    margin: 0px auto;
  }
  
  .marker {
  margin: 1em;
  position: absolute;
  top: 1px;
  color: white;
  /* a little black text shadow */
  text-shadow: 2px 2px 0 black;
  }


  /* fade animation */
  .fade{
    animation-name: fade;
    animation-duration: .5s;
  }
  @keyframes fade{
    from {opacity: .4}
    to {opacity: 1}
  }