#rooms {
    position: absolute;
    background: rgba(0, 0, 0, 0);
    z-index: 100;
}
#rooms:hover {
    background: rgba(0, 0, 0, 0.3);
}
.M10S {
    position: absolute;
    height: 7.4%;
    top: 44.7%;
    width: 14.5%;
    left: 38%;
}
.M12S {
    position: absolute;
    height: 7.4%;
    top: 44.5%;
    width: 14.5%;
    left: 54.8%;
}
.M11S {
    position: absolute;
    height: 7.4%;
    top: 53.4%;
    width: 14.5%;
    left: 38%;
}
.M09S {
    position: absolute;
    height: 7.4%;
    top: 53.4%;
    width: 14.5%;
    left: 54.8%;
}
.T05-2 {
    position: absolute;
    height: 9%;
    top: 30.5%;
    width: 11.2%;
    left: 23%;
}
.T08 {
    position: absolute;
    height: 16.5%;
    width: 16.4%;
    top: 30.5%;
    left: 0%;
}
.T15 {
    position: absolute;
    height: 8.6%;
    width: 16.4%;
    top: 47%;
    left: 0%;
}
.T09 {
    position: absolute;
    height: 25.3%;
    width: 16.4%;
    top: 55.6%;
    left: 0%;
}
.T05-1 {
    position: absolute;
    height: 17.3%;
    width: 11.2%;
    top: 30.5%;
    left: 23.5%;
}
.B00 {
    position: absolute;
    height: 6%;
    width: 11.2%;
    top: 47.8%;
    left: 23.5%;
}
.B01 {
    position: absolute;
    height: 7.4%;
    width: 12.4%;
    top: 36%;
    left: 71%;
}
.T19 {
    position: absolute;
    height: 7.1%;
    width: 12.4%;
    top: 43.4%;
    left: 71%;
}
.T12 {
    position: absolute;
    height: 13.7%;
    width: 12.4%;
    top: 50.5%;
    left: 71%;
}
.M04U {
    position: absolute;
    height: 8.5%;
    width: 12.4%;
    top: 64.2%;
    left: 71%;
}
.T10 {
    position: absolute;
    height: 8.4%;
    width: 12.4%;
    top: 72.7%;
    left: 71%;
}
.T20 {
    position: absolute;
    height: 12%;
    width: 9.5%;
    top: 88%;
    left: 45.5%;
}
.O1 {
    position: absolute;
    height: 8.4%;
    width: 16.4%;
    top: 30.5%;
    left: 0%;
}
.O2 {
    position: absolute;
    height: 8.5%;
    width: 16.4%;
    top: 38.9%;
    left: 0%;
}
.T04 {
    position: absolute;
    height: 8.5%;
    width: 16.4%;
    top: 47.4%;
    left: 0%;
}
.M05U {
    position: absolute;
    height: 8.4%;
    width: 16.4%;
    top: 55.9%;
    left: 0%;
}
.T17 {
    position: absolute;
    height: 16.9%;
    width: 16.4%;
    top: 64.3%;
    left: 0%;
}
.T07 {
    position: absolute;
    height: 17.3%;
    width: 12.2%;
    top: 30.5%;
    left: 23.5%;
}
.M03U {
    position: absolute;
    height: 9%;
    width: 12.4%;
    top: 30.6%;
    left: 71.5%;
}
.T03 {
    position: absolute;
    height: 8%;
    width: 12.4%;
    top: 39.6%;
    left: 71.5%;
}
.T02 {
    position: absolute;
    height: 17%;
    width: 12.4%;
    top: 47.6%;
    left: 71.5%;
}
.T01 {
    position: absolute;
    height: 17%;
    width: 12.4%;
    top: 64.6%;
    left: 71.5%;
}
.T11 {
    position: absolute;
    height: 11.5%;
    width: 17.8%;
    top: 88.5%;
    left: 28%;
}
.M01U {
    position: absolute;
    height: 10.7%;
    width: 16.4%;
    top: 12.5%;
    left: 0%;
}
.T16 {
    position: absolute;
    height: 10.7%;
    width: 16.4%;
    top: 23.2%;
    left: 0%;
}
.T06 {
    position: absolute;
    height: 21%;
    width: 16.4%;
    top: 33.9%;
    left: 0%;
}
.M06U {
    position: absolute;
    height: 10.8%;
    width: 16.4%;
    top: 54.9%;
    left: 0%;
}
.M02U {
    position: absolute;
    height: 10.8%;
    width: 16.4%;
    top: 65.7%;
    left: 0%;
}
.T14 {
    position: absolute;
    height: 10.8%;
    width: 12.4%;
    top: 12.7%;
    left: 71.4%;
}
.T13 {
    position: absolute;
    height: 10.6%;
    width: 12.4%;
    top: 23.5%;
    left: 71.4%;
}
.T18 {
    position: absolute;
    height: 11%;
    width: 12.4%;
    top: 44.5%;
    left: 71.4%;
}
.M08U {
    position: absolute;
    height: 11%;
    width: 12.4%;
    top: 65.7%;
    left: 71.4%;
}
.M07U {
    position: absolute;
    height: 14.7%;
    width: 18.5%;
    top: 85.3%;
    left: 27.5%;
}

#map_floor_images {
  position: relative;
  margin: auto;
  height: auto;
  width: 90%;
  background-color: #c08cbe;
}

#map_floor_image {
  width: 100%;
  height: auto;
  display: block;
  z-index: 1;
}

#map_text {
  margin: auto;
  font-size: 18px;
  overflow: hidden;
}

#map_buttons {
  display: flex;
  width: 90%;
  height: auto;
  margin: 15px auto;
  justify-content: center;

}

#map_button {
  height: 60px;
  width:  70px;
  font-size: 20px;
  border-style: none;
  border-radius: 10px;
  transition: background-color 0.2s ease-out;
}

.map_button_floor1, .map_button_floor2, .map_button_floor3 {
  margin-right: 20px;
}

/* dont delete this 4 css! */
.map_button_floor1 {
  background-color: #eeeeee;
}
.map_button_floor2 {
  background-color: #eeeeee;
}
.map_button_floor3 {
  background-color: #eeeeee;
}
.map_button_floor4 {
  background-color: #eeeeee;
}
.map_button_floor1:hover, .map_button_floor2:hover, .map_button_floor3:hover, .map_button_floor4:hover {
  background-color: #009999;
}