body{margin: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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container{position:absolute;width:80%;height:80%;min-width:1400px;min-height:800px;top:0;left:0;bottom:0;right:0;margin:4% auto auto;background-color:#f9f3f3;border-radius:2%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);overflow:hidden}.player-container{width:24%;height:100%;background-color:grey;padding-top:5%;padding-bottom:5%;-webkit-flex-direction:column;flex-direction:column}.player-container,.prepareContainer{position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.prepareContainer{height:9%;background-color:transparent;width:80%;bottom:8%;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-flex-direction:row;flex-direction:row;overflow:hidden;-webkit-justify-content:space-around;justify-content:space-around}.game-container{position:absolute;left:24.5%;width:55.5%;height:100%;background:#fff}.chat-container{position:absolute;background-color:rgba(141,156,126,.2);height:100%;width:19.5%;right:0;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.chat-container,.globalTimer{display:-webkit-flex;display:flex}.globalTimer{height:8%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);width:100%;font-size:x-large;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;font:700;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}.tables-container{width:50%;height:50%;background-color:grey;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row;padding:5%;-webkit-transform:translate(17%,20%);transform:translate(17%,20%);overflow:scroll}.info-container,.tables-container{position:absolute;display:-webkit-flex;display:flex;box-shadow:0 4px 8px 0 rgba(0,0,0,.4),0 6px 20px 0 rgba(0,0,0,.4)}.info-container{height:80%;width:20%;padding:2%;background-color:#d3d3d3;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;-webkit-flex-direction:column;flex-direction:column}.players-info{margin-top:3%;height:30%;width:100%;background-color:#c2b9b9;box-shadow:inset 0 4px 8px 0 rgba(0,0,0,.4),0 6px 20px 0 rgba(0,0,0,.4);overflow:scroll}.lobby-button-groups{margin-top:10%;width:94%;height:54%;padding:3%;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;grid-row-gap:5%;row-gap:5%}.lobby-button-groups,.PlayCard{display:-webkit-flex;display:flex}.PlayCard{height:14%;width:80%;background-color:#fff;margin:5px;border-radius:30px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-flex-direction:row;flex-direction:row;overflow:hidden}.playcard-imageholder{width:50%;height:100%}.information{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly}.information>div{font-size:1.5vw}.chatarea{width:100%;background-color:#fff;padding-bottom:2%;padding-top:2%}.chatarea,.messagesDisplayArea{height:90%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.messagesDisplayArea{width:90%;margin-left:5%;border:.1px solid #000;word-wrap:break-word;overflow-y:scroll;overflow-x:hidden}.chatInputArea{margin-top:5%;border-radius:40px;border:1px solid #000;background-color:#fff;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.chatInputArea,.inputOverLay{margin-left:5%;width:90%;height:5%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.inputOverLay{position:absolute;bottom:3%;z-index:2;text-align:center;-webkit-flex-direction:column;flex-direction:column}.roomcreatemodal-container{position:absolute;max-height:100%;max-width:100%;width:400px;height:500px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#dcdcdc;border-radius:40px;box-shadow:0 5px 12px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);overflow:hidden;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly}.room-input,.roomcreatemodal-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.room-input{background-color:#f9f3f3;height:13.5%;width:65%;padding:0 7%;-webkit-align-content:center;align-content:center;-webkit-justify-content:center;justify-content:center}.create-button,.room-input{border-radius:40px;border:solid #f7d9d9;border-width:2px 4px}.create-button{position:absolute;right:2%;bottom:2%;width:10%;height:10%}.create-button-container{height:8%;width:65%;-webkit-flex-direction:row;flex-direction:row;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}.round-table{background:#add8e6;border-radius:50%;position:relative;box-shadow:0 4px 8px 0 rgba(0,0,0,.4),0 6px 20px 0 rgba(0,0,0,.4);margin:2% 2% 6%}.round-table-top{width:52%;top:12%}.round-table-bottom,.round-table-top{height:25%;padding:2%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);position:absolute;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:row;flex-direction:row}.round-table-bottom{width:80%;top:42%}.child-table{width:49%}.child-table,.child-table-bottom{height:100%;background-color:#dcdcdc;background-size:contain}.child-table-bottom{width:32%}
/*# sourceMappingURL=main.3c60f593.chunk.css.map */