html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden; /* Prevent scrollbars */
  background: black; /* Optional background behind video */
}

/* Fullscreen video */
#video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#video iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* Curtains covering screen */
#curtains {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; /* Above video */
}

#curtains {
  position: fixed;
  z-index: 2;
  pointer-events: none; /* <- this is what makes it click-through */
}

#curtains img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#curtains img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures it fills without stretching oddly */
}

/* Button fixed to bottom-right */
#Button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 3;
}

#Button img {
  width: 290px;
  cursor: pointer;
  transition: transform 0.3s ease; /* smooth scaling */
}

/* Hover effect */
#Button img:hover {
  transform: scale(1.1); /* grow 10% on hover */
}