@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary-color: #fe6300;--primary-color-light: #ffaf15;--corect-color: #7ef89b;--incorrect-color: #fa919c;--dark-color: #212529;--light-color: #e9e9e9;--primary-gradient: linear-gradient(to right, var(--primary-color), var(--primary-color-light))}*{font-family:Jost,sans-serif;color:var(--dark-color);box-sizing:border-box;margin:0}ul{list-style:none;padding:0}body{margin:0;padding:0;text-align:center}.container{max-width:720px;width:95%;margin:auto;height:100%}.error{color:red}button,input{display:block;width:400px;margin:12px auto;min-height:40px;padding:0 10px;font-size:18px}button:hover:not(:disabled){background:var(--primary-color)}button{background:var(--primary-gradient);color:#fff;border:none;border-radius:5px;cursor:pointer}button.answer{background:var(--light-color);color:var(--dark-color);border:2px solid var(--light-color)}button.answer:hover{background:var(--light-color)}button.answer.active{border:2px solid var(--dark-color)}button:disabled{opacity:.3;cursor:not-allowed}header .container{padding:40px 0;border-bottom:1px solid lightgrey}header h1{font-size:48px;font-weight:400;margin:0}header p{font-size:1.5rem;margin:0}header img.logo{width:220px;max-width:90%;height:auto}section{padding:20px 0}.quiz .header{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.quiz .header h2{font-size:28px}.quiz .header p{font-size:18px}.quiz progress{width:100%;height:20px;background-color:var(--light-color);position:relative;border:1px solid var(--light-color);border-radius:10px;overflow:hidden}.quiz progress::-webkit-progress-bar{background-color:var(--light-color)}.quiz progress::-webkit-progress-value{background:var(--primary-gradient)}.quiz progress::-moz-progress-bar{background:var(--primary-gradient)}.quiz .question{padding-top:40px}.quiz .question h3{font-size:40px}.quiz .answers{padding-top:30px}.result-screen ul li{border:1px solid var(--light-color);margin:20px auto;padding:12px;max-width:480px;border-width:2px}.result-screen ul li b{display:block;margin-bottom:12px}.result-screen ul li.correct{border-color:var(--corect-color)}.result-screen ul li.incorrect{border-color:var(--incorrect-color)}.loader{margin:auto;width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--primary-color) 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,var(--primary-color));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}