@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
* {
  font-family: "Roboto", sans-serif;
}

.not-visible {
  display: none;
}

body {
  margin: 0;
  padding: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.input-block input, .input-block button {
  padding: 0.5vw 1vw;
}

#stats-part .stats-block {
  top: 0;
  position: absolute;
}
#stats-part .stats-block.rooms {
  right: 1vw;
}
#stats-part .stats-block.users {
  left: 1vw;
}
#stats-part .stats-block.logged {
  left: 33%;
}

#login-part:not(.not-visible),
#menu-part:not(.not-visible) {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

#call-part .video {
  background: black;
  width: 500px;
  height: 300px;
}
#call-part #hangup {
  display: block;
  margin: 0 auto;
}/*# sourceMappingURL=style.css.map */