html{margin:0;height:100%;width:100vw}body,html{margin:0;font-size:16px;min-height:100%;width:100%;background-color:#242424}#root{display:flex;flex-direction:column;height:100vh}*{font-family:"Source Sans Pro",sans-serif;border:none;outline:none}nav{display:grid;height:80px;background-color:#474747;grid-template-columns:220px 2fr 2fr auto;grid-template-rows:1fr;box-sizing:border-box;border-bottom:5px solid #000}.nav-logo{background-image:url(/static/media/trivia_logo_tp_2.46d51511.png);background-size:100% 100%;height:75px;width:198px}.search-div{display:flex;align-items:center;background-color:#474747;flex:1 1}.search-type{font-size:18px;border:none}.search-type:focus{border:none}.search-row{display:flex;flex:1 1}.search-div_divider{width:1px;background-color:#797979}.search-bar{height:30px;padding:5px;margin:0;flex:1 1;font-size:18px;border:none}.search-bar_select-category{padding-left:10px;font-size:18px;border-left:1px solid #797979}.search-button{margin:0;width:40px;box-sizing:border-box;border-left:1px solid #797979;background-color:#78c5dd}.search-button:hover{background-color:#b2e7f7;cursor:pointer}.nav-right-container{display:flex;justify-content:space-evenly;align-items:center;background-color:#474747}.auth_action-button{color:#fff;font-size:16px;width:100px;padding:10px;margin:10px;border:1px solid #fff;cursor:pointer}.login-button,.logout-button{background-color:#611d1d}.login-button:hover,.logout-button:hover{background-color:#752b2b}.signup-button{background-color:#234f5c}.signup-button:hover{background-color:#376370}.demo-button{background-color:#623083}.demo-button:hover{background-color:#714191}.modal{display:flex;justify-content:center;align-items:center}.modal,.modal-background{position:fixed;top:0;right:0;left:0;bottom:0}.modal-background{background-color:rgba(0,0,0,.4)}.modal-content{position:absolute;background-color:#555;padding:30px;color:#fff;border:1px solid #bbb;border-radius:10px;display:flex;justify-content:center;align-items:center;min-width:350px}.login-form,.signup-form{display:flex;flex-direction:column;width:95%}.login-form-field,.signup-form-field{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10px}.login-form-field input,.signup-form-field input{height:2em;width:100%;margin-top:10px;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-submit,.signup-submit{margin-top:10px;background-color:#3a3a3a;color:#fff;font-size:16px;width:100%;padding:10px;border-radius:10px;border:1px solid #fff}.login-submit:hover,.signup-submit:hover{box-shadow:0 0 10px #c79778}.modal-title{font-size:30px;margin:0;padding:0}.form-container{display:flex;flex-direction:column;align-items:center;width:95%}.auth-form_error-list{color:#ffbfbf}.footer-container{color:#fff;align-items:center;height:100px;bottom:0;background-color:#474747;box-sizing:border-box;border-top:5px solid #000;display:flex;font-size:1.25rem}.profile-pic{border-radius:1.75em;height:90px;width:90px;padding:0 10px}.link-section{display:flex;align-items:center}.link-image{height:50px;width:50px;padding:0 5px}.filler-div{flex:1 1}.credit-section{color:#fff;padding:10px}.credit-section a{color:#fff;font-style:none}.sidebar-container{background-color:#474747;border-right:3px solid #000;width:200px;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.sign-up-prompt{flex:1 1;justify-content:center}.prompt-body,.sign-up-prompt{display:flex;align-items:center}.prompt-body{border:2px dashed #fff;color:#fff;font-weight:500;height:150px;width:100px;padding:10px;text-align:center}.sidebar-link{box-sizing:border-box;border-top:2px solid #bdbdbd;border-bottom:2px solid #bdbdbd;width:100%;height:50px;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none}.sidebar-link.active,.sidebar-link:hover{box-shadow:inset 0 0 5px #aaa}.table-list-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #000;width:90%;height:500px;margin-top:30px;background-color:#969696;margin-bottom:20px}.table-list-container h1{border-bottom:3px solid #000;margin:0;padding:20px;width:100%;text-align:center;box-sizing:border-box;background-color:#d3d3d3;color:#000}.list-rows-container{flex:1 1;width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.modal-content{width:30%}.table-list-container{margin:0 auto}.add-to-set-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;height:40px;padding-left:20px;padding-right:20px;box-sizing:border-box;border-top:1px solid #000;border-bottom:1px solid #000}.set-name-label{flex:1 1}.add-to-set-button,.remove-from-set-button{font-size:16px;border:1px solid #000;color:#fff;padding:3px 10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.add-to-set-button{background-color:#2a6449}.add-to-set-button:hover{background-color:#3c7a5d}.remove-from-set-button{background-color:#611d1d}.remove-from-set-button:hover{background-color:#772a2a}.trivia-render-container{display:flex;flex-direction:column;max-width:1000px;max-height:750px;width:90vw;height:90vh;min-height:300px;min-width:400px;align-items:center;border:1px solid #fff;position:relative;margin:20px;background-color:#cfcfcf;overflow:hidden}.question-section{height:60%;width:100%;box-sizing:border-box;font-size:30px;display:flex;justify-content:center;align-items:center;text-align:center}.answer-section{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;flex:1 1;width:100%;background-color:#4d4d4d}.answer-button{border:1px solid #fff;height:95%;width:95%;text-align:center;padding:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:#611d1d;color:#fff;margin:auto;cursor:pointer;font-size:1.25em}.answer-button:hover{background-color:#4f79a0}.result-overlay{background-color:rgba(0,0,0,.7);position:absolute;left:0;right:0;bottom:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:40px}.incorrect-logo{background-size:100% 100%;height:100px;width:100px}.action-button{margin-top:20px;background-color:#2e4a64;border:2px solid #fff;color:#fff;height:40px;width:200px;display:flex;justify-content:center;align-items:center}.action-button:hover{box-shadow:0 0 5px #fff}.trivia-info{width:100%;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:20px;background-color:#cecece}.open-add-set{color:#fff;position:absolute;top:-2px;cursor:pointer;padding:10px;background-color:#5f3333;font-size:16px}.open-add-set:hover{box-shadow:0 0 3px #5f3333;border:1px solid #fff}.splash-page{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.config-section{width:600px;display:flex;justify-content:space-around;margin-bottom:20px;color:#fff;font-size:26px}.config-section select{font-size:20px;padding:10px}.page-subheader{margin:0}.question-page{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:30px}.question-page-header{color:#fff;margin:0}.comment-list-container{display:flex;flex-direction:column;width:1000px;border:1px solid #fff;max-height:500px;overflow-y:auto;margin:20px}.comment-div{width:100%;padding:10px;border:1px solid #000;box-sizing:border-box;background-color:#b4b4b4;color:#000}.add-comment-button{background-color:#3d3d3d;border:2px solid #fff;color:#fff;height:40px;width:200px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;cursor:pointer}.add-comment-button:hover{box-shadow:0 0 5px #fff}.comment-form{display:flex;flex-direction:column;width:600px}.comment-form-field_row{display:flex;flex-direction:column;margin-bottom:10px}.comment-form-field_row label{margin-bottom:5px;margin-top:5px;font-weight:600;font-size:20px}.comment-form-field_row textarea{height:100px;padding:10px;font-size:16px}.rating-label{font-weight:600;margin-bottom:5px;font-size:20px}.comment-section{flex-direction:column}.comment-action-button,.comment-section{display:flex;justify-content:center;align-items:center;color:#fff}.comment-action-button{font-size:16px;background-color:#3d3d3d;border:1px solid #000;padding:3px 10px;cursor:pointer}.comment-edit-button{background-color:#2a6449;margin-right:10px}.comment-edit-button:hover{background-color:#3c7a5d}.comment-delete-button{background-color:#611d1d}.comment-delete-button:hover{background-color:#772a2a}.comment-action-group{margin-top:5px;display:flex}.comment-username{font-size:20px;font-weight:600}.submit-comment-button{font-size:1.25em;padding:8px 0}.comment-form-field_row textarea{font-size:1.25em;height:10em}.set-question-row_action-button{color:#fff;font-size:16px;margin-right:10px;padding:3px 10px;border:1px solid #000}.set-question-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;min-height:80px;padding-left:20px;padding-right:20px;box-sizing:border-box;border-top:1px solid #000;border-bottom:1px solid #000}.set-question-list-rows-container{flex:1 1;width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.set-question-display{height:100%;font-size:18px;flex:1 1;padding-right:10px;display:flex;align-items:center}.sets-page{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:30px}.sets-page h1,.sets-page h3{margin:0;color:#fff}.question-list-button{background-color:#3d3d3d;border:2px solid #fff;color:#fff;height:40px;width:200px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;cursor:pointer}.set-question-list-container{display:flex;flex-direction:column;align-items:center}.close-modal-button{font-size:20px;background-color:#3d3d3d;border:1px solid #fff;color:#fff;height:40px;width:80px;display:flex;justify-content:center;align-items:center;margin-top:20px;cursor:pointer}.question-row_action-button{color:#fff;font-size:16px;margin-right:10px;padding:3px 10px;border:1px solid #000;cursor:pointer}.view-button{background-color:#2a6449}.view-button:hover{background-color:#3c7a5d}.question-row_add-set-button{background-color:#966549}.question-row_add-set-button:hover{background-color:#a5765c}.edit-button{background-color:#234f5c}.edit-button:hover{background-color:#2e5d6b}.delete-button{background-color:#611d1d;margin-right:0}.delete-button:hover{background-color:#772a2a}.question-list-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;height:40px;padding-left:20px;padding-right:20px;box-sizing:border-box;border-top:1px solid #000;border-bottom:1px solid #000}.question-list-rows-container{flex:1 1;width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.question-display{font-size:18px;flex:1 1}.set-row_action-button{color:#fff;margin-right:10px;font-size:16px;padding:3px 10px;border:1px solid #000;cursor:pointer}.view-sets_button{background-color:#2a6449}.view-sets_button:hover{background-color:#3c7a5d}.edit-sets_button{background-color:#234f5c}.edit-sets_button:hover{background-color:#2e5d6b}.delete-sets_button{background-color:#611d1d}.delete-sets_button:hover{background-color:#772a2a}.set-list-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;height:40px;padding-left:20px;padding-right:20px;box-sizing:border-box;border-top:1px solid #000;border-bottom:1px solid #000}.set-display{flex:1 1;font-size:18px}.search-results-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.no-results-screen{font-size:20px;margin-top:20px}.splash-container{background-color:#000;flex-direction:row-reverse;justify-content:flex-end}.splash-container,.splash-info{height:100%;width:100%;display:flex;align-items:center}.splash-info{flex:1 1;color:#fff;flex-direction:column;justify-content:center}.attribute-link{color:#fff}.dungeon-door-bg{margin-right:5vmin;margin-left:5vmin;height:60vmin;width:80vmin}.trivia-header{font-size:60px;font-family:"Source Sans Pro",sans-serif;text-align:center}.trivia-subheader{font-size:30px;text-align:center}.trivia-options{align-content:center;width:100%}.splash-button,.trivia-options{display:flex;justify-content:center}.splash-button{margin-top:2rem;margin-left:3rem;margin-right:3rem;background-color:#664739;border:2px solid #fff;color:#fff;padding:.25em .5em;align-items:center;font-size:1.5rem}.splash-button:hover{box-shadow:0 0 20px #e7bc44}.room-page{color:#fff;justify-content:center;align-items:center}.message-box,.room-page{display:flex;width:100%;height:100%}.message-box{background-color:#d8bfd8;flex-direction:column;align-items:flex-end}.message-log{width:100%;display:flex;flex-direction:column;overflow-y:scroll;flex:1 1}.message-row{width:100%;text-align:start}.room_trivia-container{height:400px;width:600px;background-color:teal;display:grid;grid-template-columns:10em auto 10em;grid-template-rows:1fr}.questions-container{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.loading-questions{color:#fff}.loading-failed,.loading-questions{text-align:center;font-size:24px;font-weight:600}.loading-failed{color:red}.question-list-container{display:flex;flex-direction:column;align-items:center;border:2px solid #000;width:90%;height:500px;margin-top:30px;background-color:#969696;margin-bottom:20px}.question-list-container h1{border-bottom:3px solid #000;margin:0;padding:20px;width:100%;text-align:center;box-sizing:border-box}.add-question-button{background-color:#3d3d3d;border:2px solid #fff;color:#fff;height:50px;width:300px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;margin-top:20px;font-size:24px}.add-question-button:hover{box-shadow:0 0 5px #fff}.error-list{color:#611d1d}.add-question-container{width:600px;padding:20px}.add-question-container,.add-question-form{display:flex;flex-direction:column;align-items:center}.add-question-form{width:100%;padding:10px;border:1px solid #000;background-color:#969696}.add_question_field-row{width:100%;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px}.add_question_field-row label{width:100%;margin:5px;font-weight:600;font-size:20px}.add_question_field-row input{padding:5px;font-size:16px}.add_question_field-row .radio-label{font-size:16px}.add-question_category-select{height:30px}.add-question-submit{margin-right:10px}.add-question-cancel,.add-question-submit{font-size:16px;background-color:#3d3d3d;border:1px solid #000;color:#fff;padding:3px 10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.add-question_button-container{display:flex}.sets-container{height:100%;width:100%;overflow-y:auto}.add-set-container,.sets-container{display:flex;flex-direction:column;align-items:center}.add-set-container{width:600px}.add-set-container h1{margin:0 0 20px}.add-set-form{align-items:center;padding:10px;border:1px solid #000;background-color:#969696}.add-set-form,.add_set_field-row{width:100%;display:flex;flex-direction:column}.add_set_field-row{justify-content:center;margin-bottom:10px}.add_set_field-row label{width:100%;margin:5px;font-weight:600;font-size:20px}.add_set_field-row input{padding:5px;font-size:18px}.set-list-rows-container{flex:1 1;width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.add-set-button{background-color:#3d3d3d;border:2px solid #fff;color:#fff;height:50px;width:300px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;margin-top:20px;font-size:24px}.add-set-button:hover{box-shadow:0 0 5px #fff}.page-header{margin-top:20px;margin-bottom:0;font-size:40px;padding:10px;color:#fff}.page-subheader{margin:0 0 16px;font-size:20px;color:#fff}.add-set-submit{margin-right:10px}.add-set-cancel,.add-set-submit{font-size:16px;background-color:#3d3d3d;border:1px solid #000;color:#fff;padding:3px 10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.add-set_button-container{margin-top:10px;display:flex}.main-container{flex:1 1;background-color:#242424;display:flex;min-width:100%}
/*# sourceMappingURL=main.7533fb1f.chunk.css.map */