:root{--bg-brown:#653732;--bg-light-brown:#966060;--bg-dark-brown:#3c1f1f;--bg-gold:#e8c342;--bg-grey:#191616}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#191616;background-color:var(--bg-grey);color:#fff;font-family:Macondo,cursive;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#000;font-family:Macondo;font-size:128px;font-weight:400;margin:1rem 0}.button-large{background-color:#653732;background-color:var(--bg-brown);border:4px solid #e8c342;border:4px solid var(--bg-gold);border-radius:2.25rem;display:block;font-size:64px;margin:.5rem;padding:.5rem 4rem}.button-large,.button-link{color:#fff;font-family:Macondo}.button-link{background:none!important;border:none;cursor:pointer;font-size:40px;padding:0!important;text-decoration:underline}.button-link:hover{color:#d3d3d3}.modal{left:50%;position:absolute;top:50%;-webkit-transform:translate(-47.5%,-50%);transform:translate(-47.5%,-50%);width:75%}.hidden{display:none!important}.center-children{flex-direction:column}.center-children,.center-row{align-items:center;display:flex;justify-content:center}.center-row{flex-direction:row}.justify-between{flex-direction:row;justify-content:space-between}.justify-between,.landingPage{align-items:center;display:flex}.landingPage{flex-direction:column;justify-content:center}.landingPageContainer{height:100vh;width:100%}.landingPageContainer:before{background-image:url(/static/media/landing_page_bg.e243abd39944ffe4ecf7.png);background-position:50% 0;background-repeat:no-repeat;background-size:cover;content:" ";display:block;height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.loginModalContainer{height:100vh}.loginModal,.loginModalContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.loginModal{background-color:var(--bg-brown);border:4px solid var(--bg-gold);border-radius:10px;color:#fff;font-family:Macondo;padding:2rem;text-align:center;-webkit-transform:translateY(-128px);transform:translateY(-128px);width:400px}.loginModal label{font-size:36px;margin:0;padding:0}.loginModal input{border:none;border-radius:5px;font-size:16px;height:30px;margin:10px;padding:5px;width:300px}.loginModal .modal-button{background:var(--bg-light-brown);border:1px solid #000;border-radius:20px;display:block;font-size:1.25rem;height:46px;margin:1rem 1rem 0;width:180px}.loginModal .modal-button:hover{background:var(--bg-gold);color:var(--bg-brown);cursor:pointer}.loginModal .modal-button-small{background:var(--bg-light-brown);border:1px solid #000;border-radius:20px;display:block;font-size:1rem;height:32px;margin:1rem;padding:0 .75rem}.loginModal .modal-button-small:hover{background:var(--bg-gold);color:var(--bg-brown);cursor:pointer}.loginModal .button-link{background:light-grey;display:block;font-size:1rem}.loginModal .button-link:hover{color:var(--bg-dark-brown)}.crown{-webkit-transform:translateY(-128px);transform:translateY(-128px)}.crown,.signUpHeader{bottom:0;position:relative}.signUpHeader{-webkit-text-stroke-width:3px;-webkit-text-stroke-color:#363636;color:#f2c600;font-family:Macondo;font-size:128px;font-style:normal;font-weight:400;line-height:151px;-webkit-transform:translateY(15px);transform:translateY(15px);z-index:100}.profileButton{background:var(--bg-brown);border:1px solid #fff;border-radius:100%;cursor:pointer;overflow:hidden}.profileButton svg{fill:#fff;height:2.25rem;object-fit:cover;padding:.375rem;width:2.25rem}.profileButtonContainer{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:1rem;position:fixed;top:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:100}.profileModalContainer{align-items:center;display:flex;height:100vh;justify-content:center;position:fixed;right:0;top:0;width:100vw;z-index:99}.profileModal{background-color:var(--bg-brown);border:2px solid var(--bg-gold);max-height:80vh;padding:1.5rem;position:relative;width:60%}.profileModalHeader{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.profileModalHeader h2{margin:.5rem 0}.profileModalHeader h3{margin:0}.profileModalHeaderIcon{border-radius:100%;height:9rem;margin:0 1rem;object-fit:cover;width:9rem}.profileModalHeaderIcon svg{height:8rem;width:8rem}.profileModalBody{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:1rem 0}.profileModal input{border:none;border-radius:5px;font-size:16px;height:30px;margin:10px;padding:5px;width:300px}.profileModalInfo{display:flex}.profileModalSettings,.profileModalStats{padding:0 1rem;width:50%}.profileModalSettings{border-left:1px solid #000}.profileModal button{background:var(--bg-light-brown);border:1px solid #000;border-radius:20px}.profileModal .settings-submit{border:1px solid #000;border-radius:20px;display:block;font-size:1.25rem;padding:.5rem 1rem}.profileModal .settings-submit:hover{background:var(--bg-gold);color:var(--bg-brown)}.profileModalSettings button{border-radius:20px;display:block;font-size:1.25rem;height:46px;margin:1rem 1rem 0;width:180px}.logout-button{border:1px solid var(--bg-gold);flex-direction:row;font-size:1.2rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.logout-button svg{padding:0 .1rem}.profileModalFooter button{border:none;font-size:1rem}.settings-form-container{align-items:end;display:flex;flex-direction:column;justify-content:center}.dialog-modal button{fill:var(--bg-gold);background:none;border:none;padding:1rem;position:absolute;right:0;top:0}.dialog-modal button:hover{fill:var(--bg-light-brown)}.question-dialog{height:100vh;margin:auto;position:absolute;width:100vw;z-index:101}.question-container,.question-dialog{align-items:center;display:flex;flex-direction:column;justify-content:center}.question-container{background-color:var(--bg-brown);border:1px solid var(--bg-gold);margin-bottom:3rem;padding:2rem;text-align:center;width:80%}.question{border-bottom:2px dashed #fff;font-size:1.5rem;padding:2rem}.options-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:2rem}.option{cursor:pointer;font-size:1.5rem;margin-bottom:1.5rem;transition:all .02s ease-in-out}.option:hover,.selected{color:var(--bg-gold)}.feedback-container{display:none;font-size:1.5rem;text-align:center}.feedback-container.correct{color:var(--bg-green)}.feedback-container.incorrect{color:var(--bg-red)}.feedback-container.show{display:block}.dialog-modal{background-color:var(--bg-brown);border:1px solid var(--bg-gold);bottom:0;font-size:3rem;height:200px;margin:2rem;padding:1rem;position:fixed;width:calc(100% - 6rem);z-index:100}.question-dialog button{background:var(--bg-light-brown);border:1px solid #000;border-radius:20px;display:block;font-size:1.25rem;height:46px;margin:1rem;width:180px}.question-dialog button:hover{background:var(--bg-gold);color:var(--bg-brown);cursor:pointer}.leaderBoardModal{background-color:var(--bg-brown);border:3px solid var(--bg-gold);max-height:90%;overflow-y:scroll;text-align:center}.leaderBoardHeader{position:-webkit-sticky;position:sticky;top:0}.leaderBoardModal h2{background-color:var(--bg-brown);color:var(--bg-gold);font-size:3rem;margin:0;padding:2rem}.leaderBoardLabels{background-color:var(--bg-dark-brown)}.leaderBoardItem{align-items:center;border-bottom:1px solid #000;display:flex;font-size:1.25rem;justify-content:space-around}.leaderBoardFooter{background-color:var(--bg-dark-brown);bottom:0;display:flex;justify-content:end;padding:1rem;position:-webkit-sticky;position:sticky}.leaderBoardFooter button{background-color:var(--bg-gold);border:none;border-radius:5px;color:var(--bg-brown);font-family:Macondo;font-size:1.5rem;padding:.5rem 1rem}.leaderBoardFooter button:hover{background-color:var(--bg-brown);color:var(--bg-gold)}.leaderBoardProfilePic{border-radius:50%;height:3rem;margin-right:1rem;overflow:hidden;width:3rem}.form-container{justify-content:center}.form-container,.form-container form{align-items:center;display:flex;flex-direction:column}.form-container form{background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);gap:1rem;max-width:1000px;padding:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-label{color:#333;font-size:1.2rem;font-weight:700}.input-text{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:.5rem;width:100%}.add-option-button,.submit-button{background-color:#07f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.add-option-button:hover,.submit-button:hover{background-color:#005fcc}.add-option-button{align-self:flex-start;margin-bottom:1rem}.answer-group{align-items:center;color:#333;display:flex;font-size:1rem;gap:.5rem}.answer-checkbox{margin-right:.5rem}.submit-button{align-self:flex-end}.option-group{align-items:center;display:flex;gap:.5rem}.option-input{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:.5rem;width:100%}.option-remove-button{background-color:#e74c3c;border:none;border-radius:10%;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem;transition:all .2s ease-in-out}.option-remove-button:hover{background-color:#c0392b}.question-list{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif}.question-card{background-color:#f1f1f1;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:16px;max-width:800px;padding:16px;width:80%}.question-card h2{font-size:24px;font-weight:700;margin-bottom:8px}.question-card p{font-size:16px;margin-bottom:8px}.question-card ul{list-style:none;margin:0;padding:0}.question-card li{font-size:16px;margin-bottom:4px}.question-card .answer{font-size:16px;font-weight:700;margin-top:8px}.question-card .answer-label{font-size:16px;font-weight:700;margin-right:8px}
/*# sourceMappingURL=main.718c3b15.css.map*/