#frame_room{
width: 98vw;
height: 75vw;
background-size: 99vw 75vw;
background-repeat: no-repeat;
background-position: 10px 10px;
padding: 2vw;
}

#img_ava{
  width: 25vw;
  height: 25vw;

}
.row_public_room{
display: flex;

}
.label{
width: 14vw;
}
.row_head_public_room{
  width: 88vw;
  display: flex;
  color: #00131c;
  font-size: 30px;
  height: 55px;
  font-weight: bold;
  margin-left: 4vw;
  margin-top: 0.5vw;
  border: 2px solid #00FA9A;
  background-color:#00c210;
  border-radius: 10px;

}

.row_table_public_room{
display: flex;

}

#first_line{
display: flex;
margin: 5vw 3vw 1vw 3vw;
}

#div_ava{
margin: 2vw;

}
#rows{
  margin: 2vw;
  font-size: 28px;
  width: 55vw;
}
#room_table{
scroll-snap-align: start;
width: 88vw;
max-height:  160px;
background-color:#00c210;
margin: 0 4vw 5vw 4vw;
font-size: 30px;
overflow-y: scroll;
scroll-snap-type: y mandatory;
}
.col.one_public_room{
    width: 10vw;
   }

.col.two_public_room{
   min-width: 50vw;
   font-size: 25px;

}

.col.three_public_room{
  min-width: 25vw;
  font-size: 25px;
}
.box_chatRoom{
    width: 85vw;
    height:  30vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    overflow-x: hidden;
}

.public_chat{
    position: relative;
    margin: 2.5vw 0 2.5vw 4.5vw;
    width: 90vw;
    height:  40vh;
    background: url("../img/frame.png");
    background-size: 90vw 40vh;
}

#round{
width: 45px;
height: 45px;
border-radius: 50%;
border: 4px solid black;
font-size: 27px;
background-color: #DCDCDC;

text-align: center;
}
.value{
width: 40vw;
}