:root{font-family:Roboto,sans-serif,system-ui;font-optical-sizing:auto;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%;margin:0;padding:0}input:focus{outline:none}#root{width:100%;height:100%;text-align:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.btn{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;background-color:#767070}.btn:hover{background-color:#b6b1b1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.quiz-menu-modal{background-color:gray;padding:24px;border-radius:12px;width:100%;max-width:550px;height:550px;display:flex;flex-direction:column;text-align:center;position:relative;z-index:1001;box-shadow:0 10px 20px #0000004d}.custom-checkbox input[type=checkbox]{display:none}.custom-checkbox .checkmark{background-color:#767070;display:inline-block;width:20px;height:20px;border:2px solid rgb(99,91,91);border-radius:50%;margin-right:8px;vertical-align:middle;cursor:pointer;transition:background-color .2s,border-color .2s}.custom-checkbox input[type=checkbox]:checked+.checkmark{background:radial-gradient(circle,#0f0 30%,#060)}.scrollable{background-color:#625c5c;overflow-y:auto;margin-bottom:15px;border-radius:8px;text-align:left;font-size:.9rem;flex:1;padding:10px}#myForm{display:flex;flex-direction:column;height:100%}.text-input{width:250px;font-size:14px;border-radius:6px;line-height:1.5;padding:1px 5px;transition:box-shadow .1s ease-in,border .1s ease-in,background-color .1s ease-in;color:#fff;background:#767070;height:36px;border:none}.option-row1{display:flex;flex-direction:row;align-items:center;gap:5px;margin-bottom:10px}.display-quizzes{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:10px}.quiz-display{box-sizing:border-box;display:flex;flex-direction:row;width:100%;background-color:#767070;align-items:center;justify-content:space-between;padding:10px;border-radius:10px}.edit-quiz-btns{display:flex;flex-direction:row;gap:10px}.truncated-text{width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-msg{box-sizing:border-box;display:flex;width:100%;color:#a62f2f;justify-content:center;margin:15px 0;opacity:0;transform:translateY(20px);animation:fadeUp .2s ease-out forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.align{display:flex;flex-direction:column;justify-content:center}.question-maker{box-sizing:border-box;margin-bottom:15px;border-radius:10px}.add-option-btn{margin-right:auto;width:40px;aspect-ratio:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMqADAAQAAAABAAAAMgAAAAB1y6+rAAAAvElEQVRoBe2X0QqAIAwANfrGPrI+cim9rGAPikPTE4IpubU7HzIEBgQgAAEIQAAC8xCInq2IyKnzxxgPPW8Zezci+mNTI271Nl3ozzGNjGYPIxhxIsDRcgJbnRYj1eicNq5nJP8ApqdofOEXbX5efv10fvPp+XpGdPcjxtMYcbsfZGv5mGt73Ec0DSOe5mjRiGG42zJGuqE3CmPEANNtGSPd0BuFpzGyGw22Wr5aJSIPBCAAAQhAAAIrEbgBMwNz1bUhWz0AAAAASUVORK5CYII=) no-repeat center center;background-size:contain;border:none;cursor:pointer}.quit-reset-btns{width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between;flex:0}.left-label-text{display:flex;flex-direction:row;gap:10px;align-items:center}.title{margin:auto}.delete-btn{width:30px;aspect-ratio:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAAAfklEQVRIDe1UQQ6AMAhjZk/y/19T0MtSWSEmxIPjNNZCKUsmsiLYQAvwCz40PF7T8O7Huwdh1mwsYmcU3Ri5DDMXFlmBm+3zyx2kBHBCzJnTlABrEGFLINqQrBV9v6IejqAE/MAwZz3KH5k6sC+BTZfBZg72TDFw3tRAi1+mJ+XDLHHvhIBFAAAAAElFTkSuQmCC) no-repeat center center;background-size:contain;border:none;cursor:pointer;padding:0;margin:0}.delete-btn-black{width:30px;aspect-ratio:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAAAeUlEQVRIDWNgGAUEQoCRgDxM+j+MgUYT1I9NAS7D0MzGyUUxkwmnMhpLgHxBik9wqqe5D4i1AN2F6HycAUqsBTgNICQxagGhEGIYDaKBDyIWgk6AKEApwIBC6HycxtA8kgn5gJQCD6svcPnABKtq/ILk6MFv4siQBQAHqguGZ07qgQAAAABJRU5ErkJggg==) no-repeat center center;background-size:contain;border:none;cursor:pointer;padding:0;margin:0}.edit-btn-black{width:30px;aspect-ratio:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAAAlUlEQVRIDe2TSwqAQAxDB7z/1kO5d+H/GOJCtAEDxY3gpCJioLQKvmTKmNKvBzZQmcdmtUR4NQccBqhVaXKG02RWmLRHYkLPPcvjCl7n0DuXvLC5dM84xWR1W719yVUADqHz3Xvhg0spTx4KHyOTh8JxG3gz5DsPhVvwuOSAQ1wNZtlPBBhFA9+xNpk8GLMULkv5LdAO2BZokrzcbNIAAAAASUVORK5CYII=) no-repeat center center;background-size:contain;border:none;cursor:pointer;padding:0;margin:0}.edit-btn{width:30px;aspect-ratio:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAAAmUlEQVRIDe2T3QqAIAyFBd//tofqvot+fYzoImyLDo0wAt2gCwc6h/idozjnali/QIyxpcGxqWsRtD/R97SriSTgkFmLRYg0gJbKRQJfcNrvsgXo8Cgce1o3ouZlKIFPAuYZRDWLIP4Ln2GRsrpzU/hi6dwUHiyd28Gvfw3zur8F3Qe6ahMB/rgBtDjnd6iEvwjowZ9itcYLHOET6h5EOy/ZAAAAAElFTkSuQmCC) no-repeat center center;background-size:contain;border:none;cursor:pointer;padding:0;margin:0}.play-btn{width:40px;aspect-ratio:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMqADAAQAAAABAAAAMgAAAAB1y6+rAAABcklEQVRoBe2XTQrCMBSEW3GrFJdeQBE9iku9kJ7GpR5FBT2FomutE2u1CEJfM/lBXsCkKUn6vhk6xSTRpgqoAqqAKqAKqAKqwFuBPM/770nAixbh2RlgTJsRzgp3BABGT4yiu2BgiCMGYj+0gwpugFmIKwm9AUVXHSl8Kfo7hsxXfWxHqnWnmJwAs67ejPYahf5ypPDl049dQrh05LvuLZgO3zdZc58gpubByyB6VPsGKQ1YAYga1aFADBA1qk2yWDUoO8IBe6tDkiTH/l6apuem54R0pFqzdVTHAlJCTV9hII7q2EBKIHFUxwpSAtUeYwWZ4MUf1qbAwthANgAwbSeBMGvb0g2O1v9F/C7hQAu/xt+Q0I5cUUAGgDvD5VDvyBwAXRZECEeOKF6URnXd8umIOFLrQph1PkAaR6oExGX8WkeqBMSVI5RIlYCwHaFGqgSE6Qg9UiUgDEfOiFTrf5qSonWtKqAKqAKqgCqgCvy7Ag9OybDGn3zpfwAAAABJRU5ErkJggg==) no-repeat center center;background-size:contain;border:none;cursor:pointer;padding:0;margin:0}.history-btn{width:30px;aspect-ratio:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAABSUlEQVRIDe1VS27CMBA1UBAbDtCWDRIHC1IP0CP0TN1Vqrrrpi0bzgIsQGr6XvAgz3gSB5UlIw3ze/MmdmITwk3+uwN1Xc+h31ArP0g8lPgHKYAMjAcQuCO4W+iUuQ7ZozZDy28H5lTigCiP4kT7bJuRrwzm3mKy2DQw/MpAJgHMW9I3NGUdJkC6n7oagtSdvAzZ2ZqKhcBaAUle4tRKDVa9+O4lpQxlfxUhr2VoC0KesqXsbuE1V+DOvXTAkSxYycFlc5JqQGkLcJgm4OCQcd8hagAaN3wINGcHi3lK2xD0VA0ghHW0uQFoCW0kr+oMQAfoi2RPXc2v+kylfraxkcj3c7LgANvvoJEHYO6vyEeBm3ghZ4/dcr8dQF7RqTxZJIpVCoDvXnbquk5J0HCHmHcLv5wu6X9deywYtIBuoFZ6/eF4nLec2oE/6CWQgM6w+kkAAAAASUVORK5CYII=) no-repeat center center;background-size:contain;border:none;cursor:pointer;padding:0;margin:0}.display-questions{display:flex;flex-direction:column;gap:10px}.icon:hover{background:none}.delete-quiz-modal{background-color:gray;padding:24px;border-radius:12px;width:100%;max-width:250px;height:180px;display:flex;flex-direction:column;text-align:center;position:relative;z-index:1001;box-shadow:0 10px 20px #0000004d}.content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.deletequiz-btns{width:100%;display:flex;flex-direction:row;justify-content:space-between}.background-home{background:#2d2c2c;box-sizing:border-box;width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px 0}.top{align-items:flex-start}.floating-plus-btn{padding:none;position:fixed;margin:none;bottom:50px;right:50px;width:60px;aspect-ratio:1;border:none;border-radius:50%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMqADAAQAAAABAAAAMgAAAAB1y6+rAAAAvElEQVRoBe2X0QqAIAwANfrGPrI+cim9rGAPikPTE4IpubU7HzIEBgQgAAEIQAAC8xCInq2IyKnzxxgPPW8Zezci+mNTI271Nl3ozzGNjGYPIxhxIsDRcgJbnRYj1eicNq5nJP8ApqdofOEXbX5efv10fvPp+XpGdPcjxtMYcbsfZGv5mGt73Ec0DSOe5mjRiGG42zJGuqE3CmPEANNtGSPd0BuFpzGyGw22Wr5aJSIPBCAAAQhAAAIrEbgBMwNz1bUhWz0AAAAASUVORK5CYII=) no-repeat center center;background-size:auto;background-color:#38c06c;opacity:.7;cursor:pointer;z-index:1;transition:background-color .2s ease}.floating-plus-btn:hover{background-color:#258b48}.quizzes-list{width:100%;padding:0 15px;display:flex;flex-direction:column;gap:8px}.quiz-row{box-sizing:border-box;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;border-radius:10px;background-color:#767070}.quiz-row:hover{background-color:#b6b1b1}.quiz-info{display:flex;flex-direction:row;justify-content:space-between}.quiz-options{opacity:0;display:flex;gap:5px;visibility:hidden;transition:opacity .5s ease}.quiz-row:hover .quiz-options{opacity:1;visibility:visible}.history-entry{margin-bottom:10px}.left{padding-left:20px}.red{color:red}.yellow{color:#ecdd0c}.history-quiz-display{box-sizing:border-box;display:flex;flex-direction:column;width:100%;background-color:#767070;border-radius:10px;padding:10px}.history-entry-btn:hover{background-color:#b6b1b1}.specifc-quiz-question:hover{background-color:#9d9191}.title{margin-bottom:20px}.background-quiz{background:#201f1f;box-sizing:border-box;width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px 0}.quiz-container{display:flex;flex-direction:column;padding:30px;background-color:gray;border-radius:20px;min-width:350px;max-width:440px;min-height:300px;box-shadow:0 8px 24px #0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.num-answers{margin-bottom:10px;font-size:small}.form{display:flex;flex-direction:column;gap:5px;align-items:center;flex-grow:1;justify-content:flex-start}.option{position:absolute;opacity:0;height:0;width:0;margin:0;padding:0;border:0}.option-row{width:100%}.text-label{background-color:#767070;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;display:block;transition:all .2s;width:100}.text-label:hover{background-color:#b6b1b1}.option:checked+.text-label{color:#fff;font-weight:700;background-color:#38c06c}.buttons{display:flex;flex-direction:row;justify-content:space-between;width:100%}.bottom-buttons{box-sizing:border-box;padding-top:30px;display:flex;flex-direction:row;justify-content:space-between;width:100%}.question{font-weight:700;margin:20px;font-size:large;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.question-label{font-size:large;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.stretch{justify-content:space-between}.quiz-modal{background-color:gray;padding:24px;border-radius:12px;width:100%;max-width:500px;height:500px;display:flex;flex-direction:column;text-align:center;position:relative;z-index:1001;box-shadow:0 10px 20px #0000004d}.quiz-modal-overlay{background-color:#0009;position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center}.quiz-menu-buttons{margin-top:20px;display:flex;justify-content:space-around;gap:12px}.quiz-menu-buttons button{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;background-color:#767070;color:#fff;transition:background-color .2s}.quiz-menu-buttons button:hover{background-color:#b6b1b1}.scrollable-text{max-height:200px;overflow-y:auto;margin:15px 0;background-color:#767070;border:1px solid #ccc;border-radius:8px;text-align:left;font-size:.9rem}.row-space{box-sizing:border-box;display:flex;padding:5px 10px;width:100%;justify-content:space-between;align-items:center}.answered-row{visibility:hidden}.answered-info:hover{background-color:#0003}.answered-info:hover .answered-row{visibility:visible}.green{color:#38c06c}.red{color:#782626}.question-maker{display:flex;flex-direction:column;align-items:center;gap:10px}.login-form{box-sizing:border-box;padding:20px;background-color:gray;border-radius:30px;width:425px;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 8px 24px #0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-content{max-width:310px;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:space-evenly}.login-btns{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.login-input{width:300px;font-size:14px;border-radius:6px;line-height:1.5;padding:1px 5px;transition:box-shadow .1s ease-in,border .1s ease-in,background-color .1s ease-in;color:#fff;background:#767070;height:36px;border:none}.login-input-label{display:flex;align-items:flex-start}.login-error-msg{box-sizing:none;display:flex;width:100%;color:#a62f2f;justify-content:center;opacity:0;transform:translateY(20px);animation:fadeUp .2s ease-out forwards}.link-btn{width:fit-content;box-sizing:border-box;background:none;color:#345691;text-decoration:underline;padding:0;border:none;font-size:15px;cursor:pointer}.link-btn:hover{background:none}.navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:15px 30px}.logout-btn{width:40px;aspect-ratio:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMqADAAQAAAABAAAAMgAAAAB1y6+rAAABxUlEQVRoBe2ZPU7EMBCFdxEnoKaiXCo66JEQy23oVqLgFAiEOAEtnAEa2IoTLO2eIbyR3DB+ihz/O/JI0coTe958EzvxJotFt16BXoFegVlUYBiGExxfOIItR0EOmQgyf4P/hp2r1bfUiQHiDL5v7Q9pL2Eh413GWgIA2WPgkctg1z45QNjU0hC3SPjXNelq+pGVvaomuZFEDkbONXWqg6S4XJjWx75xq7kigLgHxA6/574w/8aVWOwCoXTDYVRAaSa9ayH+mmiKKwyGBE0KItMBmg9EV1z+MCRgchAD80i0/WFIsCwgBuaJ6PvBkEDZQAzMM8lhOgwJkhXEwLyQPEZh2KZRYjkbogvoj/OAsI4f0LvAbvpTh6nmgagTG2kLjHU3axGEMrYIQqeWRScrSlkTi706EBRx8h3LghCHuhrSzHZFokGUBIkKUQokOkQJEEBc42BmPSskP2cjEZOvEWhulG4YhNCqgNJMDmJ074x2OERJEKPd/ssHAcFm0PuNZotbFGG2bDYgLv9HrrAIT60STHBgyrxO6O7VdTafFdjUuvQqSeFBFgimwRY5vRfOK5481kVTH0PjkfdIvQK9Ar0COSrwB45kfeL/cu2AAAAAAElFTkSuQmCC) no-repeat center center;background-size:contain;border:none;cursor:pointer;padding:0;margin:0}.home-btn{width:40px;aspect-ratio:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMqADAAQAAAABAAAAMgAAAAB1y6+rAAABi0lEQVRoBe2XUY6CQBBExfUC6zXcw3gkz+OXh3E9gd/uBSBsdaLJiOD00LUENjUJkSE93f1qgMLVSkMKSAEpIAUSBdq23dmRXFreKQD2OB5jvzwCdIzuDw+C5PewKBg0fkqa756eFgGDrs/dznvmZzZMxUyIhm/I9+nM+VNV1dYZmw2jgQCiRrWPbMXngAYwm+dL42ZhEABY8wYRGRsANZEE68hiQNhtFIWwFup7rtHtjAZBYTM5eyZY43bPycqXz4OCqdFhSh3TGCda7jM6KonVyMsZiECBd0bHhikyTvdbC12aiU398feNt9mXR3sXCCBKjM5TtyTGZZxZEECMMbqSRj2xWeMcBAEAw+g8TZbEDBpnr48AgmV0JU16YgeN8wUEEGyj8zRYEhMzTgAecUw9jl7Clx3xLpxbnEDmtiOUPzVdKLjx4GvdYu1B666JznVrRRVkr9eOsBWN5tOORBVkr9eOsBWN5tOORBVkr/83O1LyrXWFiheSkt48VlNDCkgBKSAFpMCfK/AL9cZogi5E+MQAAAAASUVORK5CYII=) no-repeat center center;background-size:contain;border:none;cursor:pointer;padding:0;margin:0}.background{box-sizing:border-box;width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px 0}.center-elements{display:flex;align-items:center;justify-content:center}.app-container{display:flex;flex-direction:column;height:100vh}.page-content{flex-grow:1;overflow-y:scroll;display:flex;align-items:center;justify-content:center}nav{position:sticky;top:0;background-color:#111;z-index:100;box-shadow:0 2px 8px #0009;padding:1rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}