: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;gap:10px}@media (max-width:600px){.tile-container{grid-template-columns:1fr}}#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%}#container-quizresults{display:flex;flex:auto;flex-direction:column}