body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:Helvetica,Arial,sans-serif;color:#333e5a;min-height:100%}h1{font-weight:300;padding:.4em 0}#root,.app{min-height:100vh}.app{display:flex;flex-direction:column}main{background:#fff;flex-grow:1}form{max-width:300px;margin:0 auto}h2{font-weight:300;text-align:center}form>div,h2{margin-bottom:1em}form>div{width:100%}form>div>label{display:block;margin-bottom:.3em}form>div>input{display:block;width:100%;border-radius:6px;border:1px solid #333e5a}button,form>div>input{font-size:16px;padding:.4em}button{background:#333e5a;color:#fff;border-radius:6px;border:1px solid transparent}button:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}.room{position:relative}.room button{position:absolute;top:0;right:20px}.room>h3{text-align:center;font-weight:300;margin-bottom:1em}.local-participant{text-align:center;margin-bottom:2em}.remote-participants{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:0 2em 2em}.participant{background:#333e5a;padding:10px;border-radius:6px;display:inline-block;margin-right:10px}.participant:last-child{margin-right:0}.participant h3{text-align:center;padding-bottom:.5em;color:#fff}video{width:100%;max-width:400px;display:block;margin:0 auto;border-radius:6px}
/*# sourceMappingURL=main.30d5a17c.chunk.css.map */