#doorState2 {
    display: none;
 }

.door2 {
    position: absolute;
    width: 7.1em;
    height: 12.2em;
    bottom: -4em;
    left: -3.4em;
    transform: translateZ(-10em);
    background-image: var(--door2);
    background-size: cover;
    z-index: 3;        
    transform-origin: left;
    cursor: pointer;
    background-origin: border-box;
    border-left: 10px solid rgba(0, 0, 0, 0.5);
    transition: 4s transform;
    transform-style: preserve-3d;
    transform: rotateY(-90deg);
    left: -10em;
}

 #doorState2:checked + .door2 {
    transform: translateZ(3.9em) translateX(0px) translateY(0px) rotateY(0deg);                
 }

 #doorState2:checked ~ .door-sound2 {
    display: block;
 }

 #doorState2:not(:checked) + .door2 {
    transform: translateZ(3.9em) rotateY(90deg);         
 }

 #doorState2:checked ~ .room2 {
   display: block;
 }

 #doorState2:not(:checked) ~ .room2 {
   display: none;
 }

 .room1-leftWall {
   clip-path: polygon(0% 0%, 0% 100%, 33% 100%, 33% 39%, 67% 39%, 68% 100%, 33% 100%, 33% 100%, 100% 100%, 100% 0%);
}