#question-container{display:flex;flex-direction:column;align-items:center;max-width:800px}#question-container img{max-width:400px;border-radius:20px;border:2px solid var(--font-color-1);margin-bottom:60px}#question-container p{font-weight:600;font-size:larger;text-align:center}#options{margin-top:20px}#options button{margin:10px 20px;font-size:16px;padding:10px 20px;border-radius:5px;border:2px solid var(--font-color-1);background-color:var(--background-color-2);color:var(--font-color-1);cursor:pointer}#options button:hover{background-color:var(--font-color-1);border:2px solid var(--background-color-2);color:var(--background-color-1)}#result-container{max-width:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}#show-result{margin-bottom:40px;border:2px solid var(--font-color-1);border-radius:20px;background-color:var(--background-color-2);font-size:22px;padding:20px;color:var(--font-color-1);cursor:pointer}#show-result:hover{background-color:var(--font-color-1);border:2px solid var(--background-color-2);color:var(--background-color-1)}#result-container .results p{display:inline-block;margin:5px 30px}#result-container .results .result-buttons button{margin:10px 20px 40px;font-size:16px;padding:10px 20px;border-radius:5px;border:2px solid var(--font-color-1);background-color:var(--background-color-2);color:var(--font-color-1);cursor:pointer}#result-container .results .result-buttons button:hover,#result-container .results .result-buttons button.active{background-color:var(--font-color-1);border:2px solid var(--background-color-2);color:var(--background-color-1)}#result-container .result-detail{display:flex;flex-direction:column;align-items:center;justify-content:center}#result-container .result-detail p{font-weight:600;font-size:larger;text-align:center;margin-bottom:20px;display:block}#result-container .result-detail button{margin:0 20px 40px;font-size:12px;padding:10px 20px;border-radius:5px;border:2px solid var(--font-color-1);background-color:var(--background-color-2);color:var(--font-color-1)}#result-container .result-detail button.correct{background-color:#216700}*{margin:0;padding:0;box-sizing:border-box;border:none;text-decoration:none;outline:none;scroll-behavior:smooth;font-family:Courier New,Courier,monospace;overflow-x:hidden;overflow-y:scroll}:root{--background-color-1: #061826;--background-color-2: rgba(0, 15, 27, .475);--font-color-1: #fbffd8}html{background:var(--background-color-1);min-width:100vh;min-height:100vh;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:baseline;padding-top:80px;color:var(--font-color-1)}#start{margin:auto;display:flex;flex-direction:column;align-items:center}#start button{margin-bottom:40px;border:2px solid var(--font-color-1);border-radius:20px;background-color:var(--background-color-2);font-size:28px;padding:20px;color:var(--font-color-1);cursor:pointer}#start button:hover{background-color:var(--font-color-1);border:2px solid var(--background-color-2);color:var(--background-color-1)}
