body{font-family:sans-serif;background-color:#343a40;color:#f1f3f5;padding:2rem}.app{display:flex;flex-direction:column;align-items:center;justify-content:center}.main{width:50rem;max-width:90%}.start,.result{text-align:center}.progress{display:flex;justify-content:space-between;gap:1.2rem;margin-bottom:1rem;font-size:1.2rem}progress{-webkit-appearance:none;width:100%;height:12px;grid-column:1 / -1}::-webkit-progress-bar{background-color:#6c757d;border-radius:100px}::-webkit-progress-value{background-color:#1098ad;border-radius:100px}.options{display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem}.btn{display:inline-block;font-family:inherit;font-size:1.5rem;border:2px solid #495057;background-color:#495057;color:#f1f3f5;padding:1rem 2rem;border-radius:100px;cursor:pointer;transition:.3s}.btn:hover{background-color:#6c757d}.btn-option{width:100%;text-align:left}.btn-option:disabled{cursor:not-allowed}.btn-ui{float:right}.footer{margin-top:2rem}.correct{background-color:#15aabf;border:2px solid #15aabf;color:#fff}.wrong{background-color:#e03131;border:2px solid #e03131;color:#fff}.answer{transform:translate(20px)}