body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:#40454f;background-image:url("https://www.transparenttextures.com/patterns/low-contrast-linen.png")}.App{text-align:center;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0 10px;-ms-flex-align:center;align-items:center}.header{width:800px;max-width:100%;line-height:30px;-webkit-transition:all .1s cubic-bezier(.24,.42,.92,.29);-o-transition:all .1s cubic-bezier(.24,.42,.92,.29);transition:all .1s cubic-bezier(.24,.42,.92,.29)}a{text-decoration:none;color:#21ff58}a:hover{color:#6dff91}.setup{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:800px;max-width:100%;-ms-flex-align:center;align-items:center;margin-bottom:30px}.btn{border:none;font-size:18px;font-weight:lighter;padding:10px 25px;border:1px solid #333;border-radius:5px;background:#2cd659;color:#ddffe6;cursor:pointer;margin:1em 0;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.25);box-shadow:0 0 10px 0 rgba(0,0,0,.25);-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.btn:hover{-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.6);box-shadow:0 0 15px 0 rgba(0,0,0,.6);color:#fff}.partyWrapper{width:1000px;max-width:100%}.controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}.roomName{color:#888}.roomLabel,.textBox{color:#fff}.textBox{margin:5px 0;border:1px solid #333;border-radius:5px;height:40px;padding-left:10px;background:#4f5560;font-size:18px;font-weight:lighter;width:300px;max-width:100%;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.textBox:focus{outline:none!important;border:1px solid #21ff58;-webkit-box-shadow:0 0 5px #6dff91;box-shadow:0 0 5px #6dff91}.colorPopOver{position:absolute;z-index:10;right:10vw}.colorCover{position:fixed;top:0;right:0;bottom:0;left:0}.inRoom,.wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;color:#fff;background:#4f5560;border:1px solid #333;-webkit-box-shadow:inset 0 0 14px 0 rgba(0,0,0,.25);box-shadow:inset 0 0 14px 0 rgba(0,0,0,.25);overflow:hidden;opacity:0;height:0;width:100%;-ms-flex-pack:center;justify-content:center}.inRoom{opacity:1;height:auto}.vidContainer{width:200px;height:150px;max-width:200px;max-height:150px;margin:1em;border:1px solid #42f462;border-radius:5px;-webkit-box-shadow:0 0 18px 0 rgba(0,0,0,.25);box-shadow:0 0 18px 0 rgba(0,0,0,.25);overflow:hidden;background:#000}.vidContainer video{width:100%;height:100%}.overlay{display:-ms-flexbox;display:flex;z-index:2;position:relative;height:inherit;width:inherit;background:rgba(0,0,0,.35);margin-top:-155px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.overlay .material-icons{color:#e3e5e8}.visible{opacity:1}.overlayBottom,.overlayBottom .material-icons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-item-align:end;align-self:flex-end;color:hsla(0,0%,100%,.4)}@media screen and (max-width:600px){.inRoom,.wrapper{-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}}
/*# sourceMappingURL=main.f6c9a22e.css.map*/