#room02{
    background-image: url(../img/old-neon-lit-hong-kong-view.jpg);
    background-size: 10%;
}

#tkb1{
    width:20%;
    left:5%;
}

#nuno1{
    position:absolute;
    width:30%;
    right:5%;
    top:4%;
}

#circle{
  width: 400px;
  height:400px;
  border-radius: 50%;
  border: red 5px solid;
  position: absolute;
  left: 25%;
  bottom:10%;
}
.arrow-left,
.arrow-up {
  position: relative;
  background: red;
}

.arrow-left {
    left:-2%;
  width: 250px;
  height: 80px;
  bottom:170px;
  margin-left: 50px;
}

.arrow-left::before {
  content: "";
  position: absolute;
  top: -60px;
  right: 100%;
  width: 0;
  height: 0;
  border-top: 100px solid transparent;
  border-bottom: 100px solid transparent;
  border-right: 50px solid red;
}

.arrow-up {
  width: 80px;
  height: 250px;
  margin-top: 50px;
  left:35%;
  top:-250px;
}

.arrow-up::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: -60px;
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 70px solid red;
}

#link1, #link2{
position:absolute;
font-family: Arial, sans-serif;
font-size:larger;
}

#link1{
    bottom:35%;
    left:3%;
    transform: scale(1,3);
}

#link2{
    bottom:60%;
    left:35%;
    transform: scale(3,1);
}