#root{width:100%;height:100%;margin:0 auto;padding:2rem;text-align:center}.navigationbar-container{z-index:6;position:fixed;top:0;left:0vw;width:100vw;height:var(--header-height);background-color:var(--bob-blue);border-bottom:1px solid var(--menu-border-color)}.navigationbar-container>.logo-container{position:absolute;left:50%;transform:translate(-50%);height:60px;width:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin:auto}.navigationbar-container>.logo-container>.logo-text{font-family:monospace;color:#fff;font-size:2.3rem;font-weight:lighter;width:33.3333%;-webkit-user-select:none;user-select:none}.navigationbar-container>.logo-container>.logo-img{margin-top:1.5rem;height:140%;border-radius:50%;border:6px solid var(--bob-blue)}.navigationbar-container>.account-icon-container,.navigationbar-container>.right-navigation-container{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%)}.navigationbar-container>.account-login-container{position:absolute;transform:scale(.85) translate(-50%);right:1.5rem;margin-top:.7rem}@media (max-width: 1200px){.navigationbar-container>.logo-container{padding-top:2.5px;left:5px;top:50%;transform:translateY(-50%)}.navigationbar-container>.logo-container>.logo-img{height:120%;margin-top:.4rem;margin-right:.25rem}.navigationbar-container>.logo-container>.logo-text{font-size:1.1rem;width:auto;margin-right:.5rem;text-wrap:nowrap}.navigationbar-container>.logo-container>.logo-text:first-child{display:none}.navigationbar-container>.logo-container>.logo-text:last-child:before{content:"Bob's "}.navigationbar-container>.account-login-container{transform:scale(.8);right:1.6rem}.navigationbar-container>.right-navigation-container{right:.5rem}}@media (max-width: 500px){.navigationbar-container>.logo-container{justify-content:start}.navigationbar-container>.logo-container>.logo-img{margin-top:.2rem;height:110%}.navigationbar-container>.logo-container>.logo-text{font-size:1.05rem;width:50%;text-wrap:wrap;text-align:left;margin:0}.navigationbar-container>.account-login-container{transform:scale(.8);right:1.5rem}.navigationbar-container>.right-navigation-container{right:0;top:1.3rem;transform:scale(.9) translateY(-50%)}}.account-login-container{display:flex;justify-content:center;align-items:center;width:40px;height:30px;border-radius:50%;border:1px solid white;background-color:#fff;cursor:pointer}.right-navigation-container{display:inline-flex;justify-content:center;align-items:center;width:fit-content}.account-container-create-quiz{margin-right:10px;padding:5px;background-color:#006400;color:#fff;font-weight:400}.account-icon-container{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;border:1px solid white;background-color:#fff;color:var(--bob-blue);cursor:pointer}.background{position:absolute;top:0;left:0;right:0;height:calc(100vh + -0px);width:100vw}.content-view-container{padding-top:var(--header-height);width:75vw;height:auto;margin:auto;padding-bottom:5rem}.page-header{width:60%;color:#fff;border-bottom:5px solid white;margin:1.5rem auto 0;font-size:2.7rem;letter-spacing:.2rem}.page-loading{margin:10rem}.menu-header{z-index:4;position:sticky;top:calc(var(--header-height) - 4px);margin-top:1.4rem;color:#fff;background-color:var(--space-grey);border:1px solid var(--menu-border-color);border-radius:.5rem .5rem 0 0;text-align:left;letter-spacing:.3rem;font-size:1.4rem;padding:.6rem}.menu-panel{z-index:3;margin:0 auto;width:100%;max-width:100%;background:#ffffff1a;border:1px solid var(--menu-border-color);border-radius:0 0 .5rem .5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;color:#fff;text-align:center;display:flex;height:auto;min-height:200px;overflow:hidden;margin-bottom:1rem}.menu-panel.standalone{margin-top:2.3rem;border-radius:.5rem}.menu-panel.nebula-background{background-attachment:fixed}@media (max-width: 768px){.content-view-container{width:100%}.page-header{font-size:1.5rem;width:80%;margin:10px auto;margin-bottom:0rem}.menu-header,.menu-panel{border:none}.menu-header{margin-top:.5rem}.menu-panel.standalone{margin-top:1rem;padding-bottom:3rem}}.profile-view-container{width:500px;margin:auto;padding:1rem;display:flex;flex-direction:column;align-items:center}.profile-view-container>input{text-align:center;margin-bottom:.25rem}.profile-view-container>input[type=text],.profile-view-container>input[type=email]{width:100%}.profile-view-container>#logout-btn{margin-top:1.2rem;background-color:var(--primary-text-color)}.quiz-btn{color:#000;background-color:var(--primary-text-color);transition:"scale" 1s ease-in-out;-webkit-user-select:none;user-select:none}.quiz-btn:hover{transform:scale(1.05);box-shadow:0 0 15px var(--primary-text-color)}.quiz-view-cover,.quiz-view-results{width:75%;min-height:65vh;height:fit-content;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:3rem;padding:1.5rem 0 2.5rem;border:1px solid var(--primary-text-color);box-shadow:0 0 5px var(--primary-text-color)}.quiz-view-cover>.quiz-view-cover-header{width:100%;display:flex;flex-direction:row;justify-content:end;align-items:center;padding:0 1.5rem}.quiz-view-cover>.quiz-view-cover-header>#delete-btn{background-color:red;color:#fff}.quiz-view-cover>#quiz-title{font-size:2.1rem}.quiz-view-cover>#quiz-description{width:80%;min-height:3.6rem;display:flex;justify-content:center;align-items:center;font-size:.9rem}.quiz-view-cover>.quiz-view-cover-footer{width:85%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.quiz-view-cover>.quiz-view-cover-footer>p{font-weight:lighter;font-size:.9rem}.quiz-view-results{margin:auto;width:75%}.quiz-view-results>.text-group>.quiz-view-results-header{font-size:2.5rem;width:100%}.quiz-view-results>.text-group>#total-score{font-size:1.8rem;color:var(--primary-text-color)}.quiz-view-results>.quiz-view-results-footer{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}@media (max-width: 1200px){.quiz-view-cover{width:95%;padding-top:3rem}.quiz-view-results{width:95%}.quiz-view-results>.quiz-view-results-header{font-size:2rem}.quiz-view-cover>.quiz-view-cover-footer{flex-direction:column;gap:1rem}}.quiz-view-question{min-height:60vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:.5rem 0 3rem;-webkit-user-select:none;user-select:none}.quiz-view-question>.quiz-question-header>#quiz-question-num{font-size:1.2rem}.quiz-view-question>.quiz-question-header>#quiz-question-text{font-size:2.2rem;color:var(--primary-text-color);margin:0 10rem 2rem}.quiz-question-options{width:90%;height:fit-content;padding:1rem;display:grid;grid-template-columns:45% 45%;gap:1rem;justify-content:center}.quiz-question-option{width:100%;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:1rem;background-color:var(--space-grey);border:1px solid var(--space-grey);border-radius:.5rem;padding:1rem;cursor:pointer;overflow:hidden}.quiz-question-option:hover{transform:scale(1.05)}.quiz-question-option.checked{border:1px solid var(--primary-text-color);background-color:var(--space-grey-highlight)}.quiz-question-option>.checkbox{width:30px;height:30px;flex-shrink:0;margin-right:.5rem;-webkit-user-select:none;user-select:none;color:#fff}.checked>.checkbox{color:var(--primary-text-color);font-size:2rem;line-height:1.3rem}.quiz-question-option>p{font-size:.9rem;color:var(--primary-text-color);text-align:left;text-wrap:wrap;word-wrap:break-word;height:fit-content;-webkit-user-select:none;user-select:none}.quiz-view-question>.quiz-btn{margin-top:1.5rem}@media (max-width: 1000px){.quiz-view-question>.quiz-question-header>#quiz-question-text{margin:0 2rem 2rem}.quiz-question-options{grid-template-columns:95%}.quiz-question-options{padding:.25rem}.quiz-question-option>p{font-size:.8rem}}.create-quiz-container{display:flex;flex-direction:column;text-align:left;position:absolute;top:0;padding:40px;width:calc(100% - 120px)}.quiz-label-container{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:90%;margin:auto;margin-bottom:1rem;padding:10px}.question-container{display:flex;flex-direction:column;justify-content:space-between;padding:20px;margin-bottom:20px}.add-question-button{margin:auto;position:relative;display:flex;justify-content:center}.add-question-option-button{position:relative;left:calc(50% - 25px);display:flex;justify-content:center;align-content:center;width:50px;height:50px;border-radius:50%;padding:0;margin-top:.5rem}.add-question-option-button>span{font-size:2rem;line-height:2rem}.submit-quiz-button{position:relative;float:right;margin:1rem .4rem}.quiz-label-container.question-options{display:flex;flex-direction:row;column-gap:20px;justify-content:space-between;align-items:center;border:2px solid var(--menu-border-color);border-radius:15px;padding:10px;margin-bottom:10px}.quiz-label-container.question-options>input[type=text]{width:50%}.question-options-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.25rem}.radio_button_item{display:none!important}.radio_button_label{display:flex;justify-content:center;align-content:center;border:1px solid var(--menu-border-color);border-radius:50%;background-color:var(--light-form-color);height:30px;width:30px;opacity:.1}.radio_button_item:checked+label{opacity:1}.quiz-label-container.quiz-meta-container>label{width:180px}.quiz-label-container.quiz-meta-container>input{width:70%}.quiz-label-container.quiz-question-container>label{width:140px}.quiz-label-container.quiz-question-container>input{width:70%}.quiz-list{width:100%;padding:.3rem 0 1rem;margin:1rem;display:grid;grid-template-columns:32% 32% 32%;gap:1.4rem;justify-content:center}.quiz-list-item{border-radius:1rem;padding:0 1rem;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around}.quiz-list-item:hover{transform:scale(1.05);cursor:pointer}.quiz-list-item>*{color:#fff;margin:1rem 0}.quiz-list-item-title{font-size:1.1rem;width:100%;text-align:left;border-bottom:1px solid white;vertical-align:middle;overflow:hidden}.quiz-list-item-description{width:100%;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;line-height:1.2em;height:3.6em;max-height:3.6em;word-wrap:break-word}.quiz-list-item-footer{margin-top:5px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.quiz-list-item-footer>p{font-size:.75rem}.quiz-list-item-num-questions{font-weight:600}.quiz-list-item-author{font-weight:400}@media (max-width: 1000px){#quiz-list-page-header{display:none}.quiz-list{grid-template-columns:100%}}.login-modal-container{z-index:10;position:fixed;margin:0;left:50vw;top:45vh;transform:translate(-50%,-50%);display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:center;border:10px solid var(--menu-border-color);border-radius:15px;background:var(--space-grey);width:40vw;min-width:400px;max-width:500px;padding-top:20px;padding-bottom:60px;height:auto}.login-modal-container>h3{color:var(--primary-text-color)}.login-fields-container{display:flex;flex-direction:column;text-align:left;margin-bottom:20px;width:95%}.login-fields-container>div>label[for^=login-modal]{text-align:left}.login-fields-container>div>input{width:90%}.login-modal-button-container{position:absolute;right:20px;bottom:10px}.login-modal-button-container>button{margin:5px;padding:4px;width:min-content;text-align:center;align-content:center}.error-message-active{display:block;color:red}.error-message-hidden{display:none}.register-button{position:absolute;left:5%;top:85%;color:#fff;cursor:pointer}.register-user-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:left}.register-user-container>h2{width:60%;font-size:1.8rem;text-transform:capitalize;margin-bottom:1.5rem;text-align:center}.register-user-fields{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.25rem;text-align:left;width:80%}.register-user-fields>button{margin-top:40px;width:10rem;margin-bottom:2rem}.register-user-fields>input[type=text],.register-user-fields>input[type=email],.register-user-fields>input[type=password]{padding-left:15px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-size:20px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--header-height: 60px;--bob-blue: #1b1ead;--space-grey: #3f3f3f;--space-grey-highlight: #666666;--space-purple: #441C72;--space-pink: #C92389;--light-form-color: #cccccc;--dark-form-color: #333333;--menu-border-color: #9494941a;--primary-text-color: #e8b5ff;--box-background-color: lightgray}document,body,html,*,#root{box-sizing:border-box;padding:0;margin:0}#root{width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{display:flex;place-items:center;height:100vh;width:100vw;min-height:100vh}label{color:var(--primary-text-color)}input[type=text],input[type=email],input[type=password]{padding:0 .5rem;font-size:18px;border-radius:20px;height:2em;width:250px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;-webkit-user-select:none;user-select:none}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.text-group{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.error-message{text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.spaced-background{background:#000;background:linear-gradient(32deg,#000000ea,#0d0012 19%,#380027,#020328 25%,#210d3b 44%,#24002e 45%,#10102c 53%,#111a40 83%,#332c14,#170e26 87%,#00142a)}.nebula-background{background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 40px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 30px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 40px),radial-gradient(rgba(255,255,255,.4),rgba(255,255,255,.1) 2px,transparent 30px),radial-gradient(circle,var(--space-purple) 12%,var(--space-pink) 75%);background-size:550px 550px,350px 350px,250px 250px,150px 150px;background-position:0 0,150px 200px,130px 150px,300px 300px;background-attachment:local;transition:transform .2s ease}.scroll-container{overflow:scroll}.scroll-container::-webkit-scrollbar{display:none}.blurred{overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.blurred:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}