* {
  font-family: arial;
}

embed {
  display: inline-block;
  overflow: visible;
  width: 100%;
  border: 1px solid black;
}

bar {
  display: inline-block;
  background: #444;
  padding: 10px;
  width: 100%;
}

#name {
  width: 75px;
}

img {
  height: 45px;
  padding: 5px;
  background: #DDD;
  float: right;
}

.textinput {
  background-color: #fff;
  font-size: 24px;
  padding: 10px;
  border: 1px solid black;
}

.submitbtn {
  background-color: #0A0;
  color: white;
  font-size: 24px;
  padding: 10px;
  border: none;
}

.submitbtn:hover {
  background-color: #050;
  color: white;
}

container {
  display: inline-block;
  background: #041014
}

notice {
  color: #D00;
  font-size: 20px;
  font-family: monospace;
}

notice::before {
  content: "!";
}

info {
  color: #00D;
  font-size: 16px;
}

#resetbtn {
  color: white;
  font-size: 16px;
  border: 1px solid black;
  background: #0BB
}

.roomName {
  display: inline-block;
  background: #DDD;
  padding: 10px;
  border-radius: 10px;
  font-family: sans-serif;
  color: purple;
  font-size: 20px;
}