body::-webkit-scrollbar {
  display: none;
}

#slide-window {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0px;
  left: 0px;
}

#slides {
  height: 100%;
  position: absolute;
  margin: 0px;
  padding: 0px;
 -webkit-transform: translate3d(0px, 0px, 0px); /* For WebKit-based browsers */
    -moz-transform: translate3d(0px, 0px, 0px); /* For Mozilla Firefox */
    -ms-transform: translate3d(0px, 0px, 0px); /* For Microsoft Edge */
    -o-transform: translate3d(0px, 0px, 0px); /* For Opera */
    transform: translate3d(0px, 0px, 0px); /* Standard syntax */
  transition: all 0.66s ease;
  -webkit-transition: all 0.66s ease; /* For WebKit-based browsers */
    -moz-transition: all 0.66s ease; /* For Mozilla Firefox */
    -ms-transition: all 0.66s ease; /* For Microsoft Edge */
    -o-transition: all 0.66s ease; /* For Opera */
}

.slide {
  list-style: none;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 100%;
  background: #ccc;
  text-align: center;
  line-height: 300px;
  background-size: cover;
  background-position: 50% 50%;
  color: #fff;
}

.example {
     -webkit-transform: translate3d(0, 0, 0); /* For WebKit-based browsers */
    -moz-transform: translate3d(0, 0, 0); /* For Mozilla Firefox */
    -ms-transform: translate3d(0, 0, 0); /* For Microsoft Edge */
    -o-transform: translate3d(0, 0, 0); /* For Opera */
    transform: translate3d(0, 0, 0); /* Standard syntax */
  visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; /* Define the standard property */
}

.alive {
  visibility: visible;
}

.nav {
  position: fixed;
  z-index: 9;
  top: 50%;
  cursor: pointer;
  color: #fff;
  opacity: 0.7;
  transition: all 0.66s ease;
  -webkit-transition: all 0.66s ease; /* For WebKit-based browsers */
    -moz-transition: all 0.66s ease; /* For Mozilla Firefox */
    -ms-transition: all 0.66s ease; /* For Microsoft Edge */
    -o-transition: all 0.66s ease; /* For Opera */
}

.nav:hover {
  opacity: 1.0;
}

#left {
  left: 3%;
}

#right {
  right: 3%;
}

.back-button {
  position: absolute;
  top: 20px; /* Adjust the top position as needed */
  left: 20px; /* Adjust the left position as needed */
  z-index: 999; /* Ensure it's above other elements */
  color: #fff; /* Text color */
 background-color: #000000; /* Fallback background color */
    background-color: rgba(0, 0, 0, 0.5); /* Background color */
  padding: 10px 20px; /* Padding around the text */
  text-decoration: none; /* Remove underline */
}

.back-button:hover {
background-color: #000000; /* Fallback background color */
    background-color: rgba(0, 0, 0, 0.7); /* Hover background color */}

#credit {
  position: fixed;
  top: 25px;
  left: 25px;
  color: #eaeaea;
  font-family: 'Courier New', Courier, monospace;
}