.door {
  background-image:url(../img/paw.jpg);
  background-size: 140px 140px;
  position: absolute;
  text-align: center;
  width: 140px;
  height: 140px;
}
.doorLink {
  position: relative;
  top: 65%;
  text-decoration: none;
  color: black;
}
#north {
  top: 0px;	
  left: calc(50% - 70px);
}
#south {
  top: calc(100% - 140px);
  left: calc(50% - 70px);
}
#east{
  top: calc(50% - 70px);
  left: calc(100% - 140px);
}
#west{
  top: calc(50% - 70px);
  left: 0px;
}

#mainRoomDiv {
  position: absolute;
  top: 140px;
  left: 140px;
  width: calc(100% - 2*140px);
  height: calc(100% - 2*140px);
  text-align: center;
  overflow: auto;
}
#roomText{
  position: absolute;
  top: calc(50% - 200px); /* 2*3*20/2+350/2=215 -15 de taponage */
  left: calc(50% - 262px); /* 525/2=262 */
  text-align: center;
  overflow: auto;
}