body,html{font-family:sans-serif;height:100%}#root{height:100%;display:flex;justify-content:center;align-content:center;background:#252839}.enter-room-container{margin:auto}.enter-room-container form{display:flex}.enter-room-container input{height:48px;background:transparent;color:#fff;font-size:20px;outline:none;border:none;border-bottom:2px solid #adff2f}.enter-room-container button{background:#adff2f;width:100px;border:none;margin-left:24px;font-size:20px;color:#252839;text-transform:uppercase;font-weight:700}.local-video-wrapper{display:flex}#localVideo{height:112px;right:0;margin:24px auto;display:inline-block;border-radius:4px}.video-wrapper{height:100vh;background:#252839;width:100%}#remoteVideo{background:transparent;margin:0 auto;display:block;max-width:100vw;height:100%}#remoteVideo.hide{display:none}.video-wrapper .status{display:flex;justify-content:center;align-items:center;color:#adff2f;height:100vh}.controls{position:absolute;bottom:24px;left:24px}.control-btn{position:relative;margin-right:24px;background:transparent;outline:none;border:none;box-shadow:1px 1px 8px #000;border-radius:50%;background-color:#252839;height:64px;width:64px}@media screen and (max-width:480px){.video-wrapper{position:relative;max-width:100vw}#localVideo{height:80px}#remoteVideo{width:100%;height:auto;margin-top:20%}}@media screen and (orientation:landscape){#localVideo{position:absolute;left:0;top:0;margin-left:0;margin-top:0}}@media screen and (min-width:768px){#localVideo{margin-left:32px;margin-top:12px}}body,html{padding:0;margin:0}
/*# sourceMappingURL=main.5deea032.chunk.css.map */