body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: black;
}


.room {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-image: url('assets/renderfrontcabinets.png'); /* ensure folder is lowercase 'assets' */
  background-size: cover;       
  background-position: center;
  background-repeat: no-repeat;
}


.cab {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  z-index: 10;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.cab:hover {
  transform: scale(1.03);
  filter: brightness(1.1);
}



.cab.cabinet1 {
  left: 149px;
  top: 97px;
  width: 333px;
  height: 753px;
  background-image: url('assets/cabinet1.png');
}

.cab.cabinet2 {
  left: 587px;
  top: 97px;
  width: 323px;
  height: 753px;
  background-image: url('assets/cabinet2.png');
}

.cab.cabinet3 {
  left: 1010px;
  top: 97px;
  width: 316px;
  height: 753px;
  background-image: url('assets/cabinet3.png');
}

.cab.cabinet4 {
  left: 1442px;
  top: 97px;
  width: 334px;
  height: 753px;
  background-image: url('assets/cabinet4.png');
}

.cab.desk {
  left: 390px;
  top: 536px;
  width: 1179px;
  height: 544px;
  background-image: url('assets/desk.png');
  z-index: 20;
}