:root{--primary-colour: #001F3F;--secondary-colour: #6B7B8A;--tertiary-colour: #FFD700}.btn-submit{padding:10px;font-size:20px;color:var(--tertiary-colour);font-weight:700;width:10rem;height:3rem;border-radius:5px;border:none;text-align:center;background-color:var(--secondary-colour);transition:.5s}.btn-submit:hover{color:var(--secondary-color);background-color:transparent;border:1px solid var(--secondary-color);box-shadow:0 0 15px var(--tertiary-colour);transition:.5s;border-radius:15px}.container{width:80%;margin:auto auto 5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}h1{color:var(--tertiary-colour)}.btn-2{color:var(--tertiary-colour);background-color:transparent;font-weight:500;letter-spacing:1px;font-family:sans-serif;text-decoration:none;border:1px solid var(--tertiary-colour);border-radius:5px;height:3rem;width:10rem}.btn-2:hover{background:var(--secondary-colour);color:var(--secondary-color);border:none}.btn-2-clicked{background:var(--secondary-colour);color:var(--tertiary-colour);border:none}button{margin-top:3rem}.options{display:flex;flex-direction:column;height:30rem;overflow-y:auto;width:15rem;border:1px solid var(--secondary-colour);border-radius:10px}.option{display:flex;flex-direction:row;justify-content:space-between;padding:.5rem 0;margin:0 .5rem;border-radius:5px;min-height:3rem;align-items:center}.option:nth-child(2n){background-color:var(--secondary-colour)}.quiz-form{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}::-webkit-scrollbar{width:.1em}@media screen and (max-width: 1400px){.quiz-form{flex-direction:column;align-items:center}}.questions{display:flex;flex-direction:column;height:80vh;overflow-y:scroll}.question{display:flex;flex-direction:column;align-items:center;border:1px solid black;border-radius:10px;margin-bottom:2rem;height:18rem;padding:2rem 0}.answers{display:flex;flex-direction:row;align-self:center;justify-content:space-evenly;width:100%;flex-wrap:wrap}.quizzes-container{height:98vh}@media screen and (max-width: 1000px){.question{height:auto}}.summary{height:auto}.correct{border:1px solid greenyellow}.wrong{border:1px solid red}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:large;color:#ffffffde;background-color:#001f3f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}