.progress-bar-container{width:100%;background-color:#707070;border-radius:5px;border:none;margin-top:20px;position:relative;height:20px;display:flex;align-items:center}.progress-bar{background-color:#007bff;height:100%;border-radius:5px;transition:width .3s ease}.progress-text{position:absolute;width:100%;text-align:center;color:#fff;font-size:13px}.question .question-title{font-size:1.2em;color:#707070}.question .question-description{font-size:.9em;color:#575757;margin-bottom:10px}.question .question-image{object-fit:cover;width:100%;height:150px;margin-bottom:20px}.question .question-text{border-left:2px solid #007bff;padding-left:7px;font-size:1.4em;margin-bottom:20px}.question .options{display:flex;flex-direction:column;gap:10px}.question .options .option-button{background-color:#35393b;color:#fff;border:none;border-radius:5px;padding:10px;cursor:pointer;transition:background-color .3s ease}.question .options .option-button.selected,.question .options .option-button:disabled{background-color:#007bff;cursor:not-allowed}.question .options .option-button:not(.selected):hover{background-color:#6d6d6d}.question .options .multiple-options-button{display:flex;align-items:center;background-color:#35393b;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;transition:background-color .3s ease;position:relative}.question .options .multiple-options-button:hover{background-color:#6d6d6d}.question .options .multiple-options-button .square{width:20px;height:20px;border-radius:25%;border:2px solid #007bff;margin-right:15px;transition:background-color .3s ease}.question .options .multiple-options-button .square.filled{background-color:#007bff}.question .input .input-answer{padding:10px;border:1px solid #ccc;border-radius:5px;width:100%;font-size:1em}.quiz{background-color:#181a1b;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);padding:20px;width:400px}.quiz .score-section{font-size:1.5em;text-align:center}.quiz .navigation-buttons{display:flex;justify-content:space-between;margin-top:20px}.quiz .navigation-buttons .nav-button{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.quiz .navigation-buttons .nav-button:disabled{background-color:#35393b;cursor:not-allowed}.quiz .navigation-buttons .nav-button:hover:not(:disabled){background-color:#0056b3}.quiz .play-again-buttons{display:flex;justify-content:center;margin-top:20px}.quiz .play-again-buttons .again-button{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.quiz .play-again-buttons .again-button:hover{background-color:#0056b3}.popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.popup-content{background:#181a1b;padding:20px;border-radius:5px;text-align:center;max-width:400px;width:100%}.popup-buttons{display:flex;justify-content:center;margin-top:20px}.popup-buttons .popup-button{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;transition:background-color .3s ease;margin:0 10px}.popup-buttons .popup-button:hover{background-color:#0056b3}.App{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#202325;font-family:Arial,sans-serif}