body{margin:0;background-color:#99FFFF}video{background-color:#111;width:100%}.heading{text-align:center;margin-bottom:0}.note{text-align:center}.meta{text-align:center;font-size:0.8rem;color:gray}.container{margin-left:auto;margin-right:auto;width:980px}.room{display:grid;grid-template-columns:30% 40% 30%;gap:8px;margin:0 8px}.room .remote-streams{background-color:#f6fbff}.room .messages{background-color:#eee;min-height:100px;padding:8px;margin-top:0}.reversal{transform:scaleX(-1);-webkit-transform:scaleX(-1)}.stream{background-color:#000}#js-remote-streams .stream{width:20%}.data .name{position:absolute;bottom:0;right:0;padding:10px;background-color:#fff;z-index:10;display:none;font-size:50px}.data .message{position:absolute;top:0;right:0;padding:10px;background-color:rgba(255,127,127,0.5);z-index:10;display:none;font-size:15px}.data .message::after{border-right:6px solid rgba(255,127,127,0.5);border-top:5px solid transparent;left:-6px;bottom:0;content:"";position:absolute}.data .word{position:absolute;left:0;bottom:50px;right:0;z-index:10;display:none;text-align:center;color:#fff;font-size:30px;text-shadow:2px 2px 2px #000}.quick-message{margin-top:10px}