body, html {
    height: 100%; /* Ensures the body and html elements cover the full viewport height */
    margin: 0; /* Removes default browser margins */
}

.living-room {
  position: relative;
  min-height: 100vh;        /* THIS is the key */
  width: 100%;
  background-image: url('https://keokluck.neocities.org/Main%20UI%20Elements/Living%20Room/Living%20room%20bg%20website.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.tv {
  position: absolute;
  top: 50%;
  left: 50%;

  transform:
    translate(-72%, -50%)
    translate(-202px, -12px)
    scale(0.7);
}

/* Video inside the screen */
.tv iframe {
  position: absolute;
  inset: 12%;          /* adjust until it fits screen */
  width: 100%;
  height: 50%;
  border: none;
  z-index: 1;
transform:
    translate(-16%, 7%)
    translate(1px, 1px)
    scale(0.8)
    skewY(2deg);
 transform-origin: center;

}

/* TV frame stays on top */
.tv img {
  position: relative;
  z-index: 2;
  pointer-events: none; /* clicks go to the video */
}