body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}@media (max-width:1000px){.lobby-username{width:50%!important}.card{align-items:center;background-color:#fff;border:1px solid #000;border-radius:10px;display:flex;flex-direction:column;padding-bottom:10px;position:relative;width:90%!important}.genre-grid{grid-gap:5px!important;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:10px;margin-top:10px;max-width:90%;text-align:center}.genre-item{align-items:center;background-color:#f2f2f2;cursor:pointer;display:flex;height:100px;justify-content:center}.genre-item.selected{background-color:#6d68ff}.card-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.card-header{stroke:#000;-webkit-text-stroke:1px #000;text-stroke:1px #000;border-radius:5px 5px 0 0;color:#ff8c00;font-size:36px;text-shadow:2px 2px 2px #000}.card-header,.form-label{font-weight:400!important;text-align:center}label{align-items:center;display:flex;flex-direction:column;font-weight:400!important;margin-bottom:10px}.lobby-column{border-radius:5px 5px 0 0;box-sizing:border-box;float:left;padding:8px;text-align:center;width:100%!important}.login-header{color:#ffe14f}.login-header,.stats-header{stroke:#000;font-family:Roboto,sans-serif;font-size:28px;text-align:center}.stats-header{color:#ba55d3}.stats-stroke{-webkit-text-stroke:1px #000;text-stroke:1px #000}.lobby-username{display:inline-block;font-size:36px;text-shadow:2px 2px 2px #000}.lobby-username,.status-text{stroke:#000;-webkit-text-stroke:1px #000;text-stroke:1px #000;color:#6d68ff;font-weight:400!important;text-align:center}.status-text{border-radius:5px 5px 0 0;font-size:22px;text-shadow:1px 1px 1px #000}.button{background-color:#8a2be2;color:#fff;height:50px;margin-top:20px;width:auto!important}.button,.ready-button{border:none;border-radius:5px;cursor:pointer;font-size:18px;padding:10px;text-decoration:none}.ready-button{background-color:#50c878;color:#ffe14f}}body{background-color:#ededed}.genre-grid{grid-gap:5px!important;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:10px;margin-top:10px;max-width:90%;text-align:center}.ready{color:red}.idle{color:#50c878}.google-login,.login-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.google-login{margin-top:1%}.button-container{color:#c6e2d5;display:flex;justify-content:center;margin-bottom:10px;margin-left:10px;margin-right:10px}.button,.question-button{background-color:#8a2be2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:28px;height:auto;padding:10px;text-decoration:none}.question-button{width:auto}.return-button{align-items:center;background-color:#4642c3;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:auto;margin-top:10px;padding:5px;text-decoration:none}.selected{background-color:#eb52d6;font-size:24px;font-weight:700;margin:5px;padding:10px;text-decoration:none}.selected,.unselected{border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;height:auto;height:100%;width:auto;width:100%}.unselected{background-color:#8a2be2;font-size:18px;margin:3px;padding:5px;text-align:center}.category-list-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.selected-category-container{display:grid;place-items:center}.back-button{background-color:#a352eb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;height:auto;margin:3px;padding:10px;text-align:center;width:auto}button[disabled]{cursor:not-allowed;opacity:.5}.search-container{align-items:center;display:flex;justify-content:center}.search-form{border:1px solid #ccc;border-radius:3px;height:30px;padding:5px;width:50%}.invite-button{background-color:#8a2be2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;height:30px;margin-left:10px;margin-top:5px}.submission-message{color:green}.user-info span p{display:inline-block;margin:0;vertical-align:middle}.menu{border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:flex-start;position:relative;text-decoration:none}.menu-button,.menu-container{align-items:center;border:none;border-radius:5px;color:#fff;display:flex;flex-direction:column;font-size:18px;justify-content:center;text-decoration:none}.menu-button{background-color:#8a2be2;cursor:pointer;padding:10px;position:relative}.menu-header{stroke:#000;color:#8a2be2;font-family:Roboto,sans-serif;font-size:28px;text-align:center}.menu-username{-webkit-text-stroke:1px #000;text-stroke:1px #000;color:#6d68ff;display:inline-block;font-size:36px;font-weight:700;text-shadow:2px 2px 2px #000}.menu-username,.username{stroke:#000;padding-left:10px;text-align:center}.username{color:#8a2be2;font-size:28px;margin-top:5px}.menu-li-button{background-color:#8a2be2;display:block;font-size:16px;margin:0 10px 10px 0;text-align:center}.menu-li-button,.ready-button{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;text-decoration:none}.ready-button{background-color:#6a5acd;font-size:20px;margin:10px}.button-link{color:#fff;text-decoration:none}.error-message{color:red}.form-label{font-weight:700;text-align:center}.label-text{margin-bottom:5px}.form-input{border:1px solid gray;border-radius:5px;box-sizing:border-box;display:block;font-size:16px;margin:0 auto;max-width:400px;padding:10px;text-align:center;width:80%}.form-container,form{align-items:center;display:flex;height:100%;justify-content:center}form,label{flex-direction:column}label{align-items:center;display:flex;font-weight:700;margin-bottom:10px}input{border:1px solid gray;border-radius:5px;box-sizing:border-box;font-size:16px;margin-top:5px;max-width:400px;padding:10px;text-align:center;width:100%}.card{align-items:center;background-color:#c6e2d5;border:1px solid #000;border-radius:10px;display:flex;flex-direction:column;height:auto;max-width:75%;padding-bottom:10px;position:relative}.card-header{stroke:#000;-webkit-text-stroke:1px #000;text-stroke:1px #000;border-radius:5px 5px 0 0;color:#ba55d3;font-size:34px;font-weight:700;text-align:center;text-shadow:2px 2px 2px #000}.card-page{align-items:center;background-color:#ededed;display:flex;flex-direction:column;height:100vh}.card-question{color:#ba55d3;margin:20px}.card-question,.card-username{stroke:#000;-webkit-text-stroke:1px #000;text-stroke:1px #000;border-radius:5px 5px 0 0;font-size:34px;font-weight:700;text-align:center;text-shadow:2px 2px 2px #000}.card-username{color:red}.card-username,.container{margin-bottom:10px;margin-top:10px}.container{align-items:center;border-radius:5px;display:flex;justify-content:center;padding-right:5px}.user-icon{height:40px;margin-top:5px;width:40px}.user-name{stroke:#000;-webkit-text-stroke:1px #000;text-stroke:1px #000;color:#8a2be2;display:inline-block;font-size:36px;font-weight:700;padding:10px;text-shadow:2px 2px 2px #000;vertical-align:middle}.menu-icon{height:30px;margin-left:10px;margin-top:10px;width:30px}.login-header{stroke:#000;-webkit-text-stroke:1px #000;text-stroke:1px #000;border-radius:5px 5px 0 0;color:#ba55d3;font-family:Roboto,sans-serif;font-size:36px;font-weight:700;padding:10px;text-align:center;text-shadow:2px 2px 2px #000}.stats-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.stats-header{-webkit-text-stroke:1px #000;color:#ba55d3;font-size:36px;font-weight:700;text-align:center}.stats-row{stroke:#000;color:#066;font-family:Roboto,sans-serif;font-size:30px;height:auto;max-width:80%}.stats-row,.stats-text{text-align:center}.stats-question{background-color:#ba55d3;margin-bottom:15px;margin-top:10px}.stats-guess,.stats-question{border:none;border-radius:5px;color:#fff;font-size:18px;height:auto;outline:1px solid #000;padding:10px;text-decoration:none}.stats-guess{background-color:#ff69b4;margin-bottom:5px}.stats-answer-correct{background-color:#a3deae;color:#124721;font-weight:500}.stats-answer-correct,.stats-answer-incorrect{border:none;border-radius:5px;font-size:18px;height:auto;margin-bottom:10px;outline:1px solid #000;padding:10px;text-decoration:none}.stats-answer-incorrect{background-color:#9b1c47;color:#fff}.status-text{stroke:#000;border-radius:5px 5px 0 0;color:#6d68ff;font-size:22px;font-weight:700;text-align:center;text-shadow:1px 1px 1px #000}.lobby-waiting{color:red}.lobby-header,.lobby-waiting{stroke:#000;font-family:Roboto,sans-serif;font-size:28px;text-align:center}.lobby-header{border-radius:5px;color:#ba55d3;justify-content:center;justify-items:center;padding:5px 10px;width:auto}.lobby-userlist{align-content:center;border-radius:5px;color:#000;justify-content:center;padding:5px;width:auto}.lobby-row,.lobby-userlist{stroke:#000;font-family:Roboto,sans-serif;font-size:28px;text-align:center}.lobby-row{color:#ba55d3}.lobby-genre{stroke:#000;-webkit-text-stroke:1px #000;text-stroke:1px #000;color:#744fe0;display:inline-block;font-size:32px;font-weight:700;text-align:center;text-shadow:1px 1px 1px #000}.lobby-column{border-radius:5px 5px 0 0;box-sizing:border-box;float:left;text-align:center;width:auto}.user-status{color:#3c3c3c}.lobby-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.lobby-stroke{-webkit-text-stroke:1px #000;text-stroke:1px #000}.start-button{background-color:#6d68ff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:28px;height:auto;margin:5px;padding:10px;text-decoration:none}.genre-column{border-radius:5px 5px 0 0;box-sizing:border-box;float:left;padding:8px;text-align:center;width:50%}.genre-header{stroke:#000;border-radius:5px;color:#ba55d3;font-family:Roboto,sans-serif;font-size:28px;justify-content:center;justify-items:center;padding:5px 10px;text-align:center;width:auto}ul{margin:0 auto;padding-left:0;width:50%}
/*# sourceMappingURL=main.0126d4c0.css.map*/