.bunker-background {
   height: auto;
   width: 100%;
   display: block;
   margin: 0 ;
   border: none;
   position: relative;
   background-color: none;
}
.background-container {
position:relative;
line-height: 0;
margin: 0;
padding: 0;
border: none;
padding-top: none;
height: auto;
width: 100vw;
 justify-content: center;

}

.room1 {
padding: 0;

   display: block;
    color: none;
    border: none;
    position: absolute;
    top: 10%;
    left: 3%;
    width: 30.6%;
    height: 5.1%;
    
    transition: all 1.2s ease;
  cursor: pointer;
}
.room2 {
padding: 0;

   display: block;
    color: none;
    border: none;
    position: absolute;
    top: 14%;
    left: 67.3%;
    width: 30.6%;
    height: 5.1%;
    
    transition: all 1.2s ease;
  cursor: pointer;
}


.room3 {
padding: 0;

   display: block;
    color: none;
    border: none;
    position: absolute;
    top: 28.7%;
    left: 2.8%;
    width: 30.6%;
    height: 5.1%;
    
    transition: all 1.2s ease;
  cursor: pointer;
}
.room4 {
padding: 0;

   display: block;
    color: none;
    border: none;
    position: absolute;
    top: 34.5%;
    left: 67.3%;
   width: 30.6%;
    height: 5.1%;
    
    transition: all 1.2s ease;
  cursor: pointer;
}
.room5 {
padding: 0;

   display: block;
    color: none;
    border: none;
    position: absolute;
    top: 46.5%;
    left: 2.8%;
   width: 30.6%;
    height: 5.1%;
    
    transition: all 1.2s ease;
  cursor: pointer;
}
.room6 {
padding: 0;

   display: block;
    color: none;
    border: none;
    position: absolute;
    top: 46%;
    left: 67.3%;
    width: 30.6%;
    height: 5.1%;
    
    transition: all 1.2s ease;
  cursor: pointer;
}
.room7 {
padding: 0;

   display: block;
    color: none;
    border: none;
    position: absolute;
    top: 56%;
    left: 2.8%;
    width: 30.6%;
    height: 5.1%;
    
    transition: all 1.2s ease;
  cursor: pointer;
}
.room8 {
padding: 0;

   display: block;
    color: none;
    border: none;
    position: absolute;
    top: 66.5%;
    left: 67.3%;
   width: 30.6%;
    height: 5.1%;
    
    transition: all 1.2s ease;
  cursor: pointer;
}
.room9 {
padding: 0;

   display: block;
    color: none;
    border: none;
    position: absolute;
    top: 80.4%;
    left: 2.8%;
    width: 30.6%;
    height: 5.1%;
    
    transition: all 1.2s ease;
  cursor: pointer;
}
.room10 {
padding: 0;

   display: block;
    color: none;
    border: none;
    position: absolute;
    top: 94.5%;
    left: 67.1%;
    width: 30.6%;
    height: 5.1%;
    
    transition: all 1.2s ease;
  cursor: pointer;
}
.room1Button,
.room2Button,
.bunkerRoom,
.room3Button,
.room4Button,
.room5Button,
.room6Button,
.room7Button,
.room8Button,
.room9Button,
.room10Button {
    height: 100%;
    width: 100%;
    color: white;
    opacity: 0;
    border: 2px solid transparent;
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: "lores-12", monospace;
    transition: opacity 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.room1Button:hover,
.room2Button:hover,
.bunkerRoom:hover,
.room3Button:hover,
.room4Button:hover,
.room5Button:hover,
.room6Button:hover,
.room7Button:hover,
.room8Button:hover,
.room9Button:hover,
.room10Button:hover {
    opacity: 0.7;
    cursor: pointer;
    color: #FFB46B;
    border: 2px solid #FFB46B;
    box-shadow: 0 0 10px rgba(255, 180, 107, 0.5);
}




.container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100vw;
  margin: 0;
  padding: 0;
  border: none;
  line-height: 0;
  
}

.room1.fullscreen {
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
}





.ground{

  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: -1;
  position: absolute;

}