*,:before,:after{box-sizing:border-box}body{margin:0;background:no-repeat url(/intro-page.png);background-size:cover;font-family:Inter,sans-serif;color:#293264}.container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}div.start-screen{text-align:center}h1{font-family:Karla;margin:0}button{background-color:#f5f7fb;border:none;font-family:inherit;opacity:.95;cursor:pointer}button:hover,button:focus{opacity:1}.start-btn{color:#f5f7fb;background-color:#4d5b9e;font-weight:500;padding:1em 2em;border-radius:15px;padding-inline:3em;margin-top:1.3em}div.quiz{display:flex;flex-direction:column;margin:0 auto;width:85%;max-width:800px}div.quiz p{font-weight:700;font-family:Karla}div.quiz button{border:1px solid #4D5B9E;border-radius:8px;color:#293264;font-weight:500;font-size:.8rem;min-width:60px;padding:.3em 1.2em;margin-top:.8em}div.quiz button:hover,div.quiz button:focus{background-color:#d6dbf565;transition-duration:.15s}div.quiz button:not(:last-child){margin-right:.8em}div.quiz button.selected{border-color:#d6dbf5;background-color:#d6dbf5;pointer-events:none}div.quiz button:disabled{opacity:50%;cursor:initial}div.quiz button.correct{border-color:#94d7a2;background-color:#94d7a2;opacity:100%}div.quiz button.incorrect{border-color:#f8bcbc;background-color:#f8bcbc}div.question{margin-top:.5em;padding-bottom:1em;border-bottom:1px solid #DBDEF0}div.quiz .check-answers-btn{display:inline;background-color:#4d5b9e;border-radius:12px;color:#f5f7fb;font-weight:600;padding:.9em 1.8em;align-self:center;margin:0}div.quiz .check-answers-btn:focus,div.quiz .check-answers-btn:hover{background-color:#40509f}div.quiz-controls{display:flex;justify-content:center;align-items:center;gap:1em;margin-block:1em}