:root{--smaller-font:1rem;--small-font:1rem;--medium-font:1rem;--large-font:2rem;--typewriter-font:"Courier New";--left-margin:1rem;--content-size:95vh;--golden-yellow-color:#dac239;--orange-color:orange;--background-color:#fff;--complementary-color:#22046b;--analogous-2:#eaecee;--analogous-1:#aab7b8;--logo-color:#32718f;--logo-font:"Playfair Display";--body-color:brown}html{margin:2px}body,html{height:100%}body{color:var(--body-color);font-size:var(--medium-font)}main{box-sizing:border-box;min-height:var(--content-size);overflow:hidden}img{display:block;height:auto;max-height:var(--content-size);max-width:100%}a{color:#044d6b;text-decoration:none}@media (max-width:768px){img{width:75%}}@media (max-width:480px){#home-image{width:40%}}.footer{font-size:var(--smaller-font)}.spaced-link{margin-right:10px}body{background-color:var(--background-color);font-family:Arial,sans-serif;padding-left:var(--left-margin)}.container,.row-container{display:flex;flex-direction:row}.column-container{display:flex;flex-direction:column}.container-text-left{text-align:start}.login-label{flex:0 0 120px;margin-right:1rem;text-align:right}.form-container{flex-direction:column;padding:5px}.form-container,.form-entry{display:flex;text-align:right}.form-entry{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:10px}.form-field{justify-content:space-between}.form-checkbox,.form-field{align-items:center;display:flex;flex-direction:row;margin-top:10px}.form-checkbox{justify-content:left}.message-success{color:green}.message-failure{color:#cd5c5c;margin:1px}button,input{font-size:inherit}.button,button,input{background-color:#ff0;border:1px solid #ff0;border-radius:12px;cursor:pointer;margin:10px;padding:10px}.button{color:#000;display:inline-block;font-size:var(--medium-font);text-decoration:none}.button-array{justify-content:space-around}.button:hover{background-color:#bcaaa4;color:#fff}input[type=checkbox]{transform:scale(1.5)}.error-message,.role-label,label{font-size:inherit;font-weight:700;margin-right:10px}.error-message{color:#cd5c5c}button:hover{background-color:#bcaaa4;color:#fff}.button-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}.custom-dropdown{background-color:inherit;border-radius:10px;font-size:var(--medium-font);margin:10px}.link{font-size:inherit;margin-left:10px;margin-top:10px;text-align:right}@media only screen and (max-width:600px){.container,.row-container{flex-direction:column}.form-container{padding:5px}.form-field{flex-direction:column}}.page-header{display:flex;justify-content:flex-end;text-decoration:none}.left{justify-content:left}.right{justify-content:right}.cta-button{background-color:#2ed150;border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:var(--medium-font);font-weight:700;margin:10px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.cta-button:hover{background-color:#28a745;transform:translateY(-2px)}.cta-button:focus{outline:3px solid #fc0}.cta-button:active{background-color:#218838;transform:translateY(1px)}.logo-container{align-items:center;display:flex;flex-direction:row;max-width:50%}.homepage-header{align-items:center;display:flex;justify-content:space-between}.hero-container{align-content:center;flex-basis:100px;flex-wrap:wrap;font:var(--medium-font);justify-content:space-around}.hero-container,.homepage-content{flex-grow:0;flex-shrink:0}.homepage-messages{justify-content:space-around}#cta,.homepage-messages{align-content:center;flex-grow:1;flex-wrap:wrap}#cta{flex-basis:40%}.role-label{margin:0 10px}.image-container,.switch-container{align-items:center;display:flex;justify-content:center}.switch-container{flex-direction:row;width:100%}.switch{display:inline-block;height:34px;position:relative;width:62px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;right:0;top:0}.slider,.slider:before{left:0;position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;width:26px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(26px)}.register-header{display:flex;justify-content:flex-end}#homepage-form-container{flex:0 1 60%}.parenthome-container{display:flex;flex:auto;flex-direction:column}.parenthome-header{display:flex;justify-content:flex-end}.studenthome-container{display:flex;flex:auto;flex-direction:column;padding:10px}.studenthome-header{display:flex;justify-content:flex-end}.tile{background-color:#ff0;border:none;box-shadow:0 4px 8px #0003;cursor:pointer;display:inline-block;height:150px;padding:20px;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:150px}.tile:hover{box-shadow:0 8px 16px #0000004d;transform:scale(1.05)}.tile-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}@media (max-width:600px){.tile-container{flex-direction:column;width:100%}.tile{margin:0 auto;width:90%}}#container-quiztopicconfig{display:flex;flex:auto;flex-direction:column}#numberOfQuestionsSelection{background:var(--analogous-2)}#numberOfQuestionsSelection,#quizTimeSelection{border:1px solid green;border-radius:10px;margin:1px;padding:2px}#quizTimeSelection{background:var(--analogous-1)}#standardSelection{background:var(--analogous-2)}#standardSelection,#topicSelection{border:1px solid green;border-radius:10px;margin:1px;padding:2px}#topicSelection{background:var(--analogous-1)}#container-quizquestion{display:flex;flex:auto;flex-direction:column}.container-question-info-bar{align-items:center;color:var(--complementary-color);display:flex;justify-content:space-between;margin-bottom:10px;margin-top:10px}.container-quiz-status{flex:0 0 auto}.container-time-remaining{color:var(--complementary-color);flex:0 0 auto;font-size:var(--medium-font)}.quizquestion-header{display:flex;justify-content:flex-end}.correct-answer{background-color:#90ee90}.wrong-answer{background-color:#cd5c5c}.feedback-input{border-radius:10px;height:50px;width:30%}.quiz-container{display:grid;gap:1rem;grid-template-columns:1fr;width:100%}@media (min-width:768px){.quiz-container{gap:2rem;grid-template-columns:2fr 1fr}}.question-section{min-width:0}.context-sidebar{background-color:var(--analogous-2);border-left:3px solid var(--complementary-color);border-radius:4px;padding:1rem}.context-sidebar h3{border-bottom:2px solid var(--complementary-color);color:var(--complementary-color);font-size:var(--medium-font);font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.context-item{align-items:baseline;display:flex;gap:.5rem;margin-bottom:.75rem}.context-label{color:var(--complementary-color);font-weight:600;min-width:4rem}.context-value{color:var(--body-color);flex:1}@media (max-width:767px){.quiz-container{display:flex;flex-direction:column}.context-sidebar{border-left:none;border-top:3px solid var(--complementary-color);margin-top:1rem}}#container-quizresults{display:flex;flex:auto;flex-direction:column}.page-based-quiz-container{margin:0 auto;max-width:900px;padding:2rem}.page-based-quiz-container .header{margin-bottom:2rem;text-align:center}.page-based-quiz-container .config-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.page-selection-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.page-option{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;display:flex;padding:.75rem;transition:all .2s ease}.page-option:hover{background-color:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.page-option input[type=checkbox]{margin-right:.75rem;transform:scale(1.2)}.page-info{display:flex;flex-direction:column;font-size:.875rem;line-height:1.25}.page-info strong{color:#1f2937;font-weight:600}.page-info span:last-child{color:#059669;font-weight:500}.selection-summary{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:.25rem;margin:1rem 0;padding:.75rem}.btn-primary{background:linear-gradient(90deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;box-shadow:0 4px 6px #3b82f633;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 6px 12px #3b82f64d;transform:translateY(-2px)}.btn-primary:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#4b5563;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.form-group select{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.quiz-config-form .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}@media (max-width:768px){.page-based-quiz-container{padding:1rem}.page-selection-grid{grid-template-columns:1fr}.quiz-config-form .form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.config-section{animation:fadeIn .3s ease forwards;animation-delay:.1s;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}