.quiz-container{width:100%;min-height:calc(100vh - 100px)}.main-content{width:100%;margin:0 auto}a{color:#503c28;-webkit-text-decoration:under-line;text-decoration:under-line;font-weight:700;margin-top:20px;display:inline-block;transition:color .2s ease}a:hover{opacity:.8}.box{width:60%;max-width:900px;min-width:800px;margin:0 auto;padding:1rem 0}.question{background:#fff;opacity:.9;width:90%;box-sizing:border-box;padding:1rem 3rem;font-weight:700;margin:0 auto 1.8rem;border-radius:2px;position:relative}.quiz-title{color:#719d67;text-align:center;margin:0 0 1rem;font-size:2.4rem;letter-spacing:.5rem}.quiz-title span{font-size:3rem}.options-container{display:flex;align-items:center;flex-direction:column;gap:10px}.options-container button{width:60%;text-align:left;padding:5px 15px;font-size:1.2rem;border:1px dashed #8db085;border-radius:33px;background-color:#fff;color:#174808;cursor:pointer;transition:transform .2s ease,background-color .2s ease;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;align-items:baseline}.options-container button:hover{transform:scale(1.05);background-color:#d7ebd1}.options-container button span{color:#719d67;line-height:2rem}.options-container button span,.options-container button:hover span{font-size:2rem;margin-right:10px}.options-container button p{margin:0}.answer-feedback-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background-color:hsla(36,16%,94%,.9);z-index:10}.answer-feedback-container .inner{width:50%;padding:20px;display:flex;flex-direction:column;align-items:center}.result{font-size:24px;font-weight:700;color:#721c24;margin-bottom:20px}.next-button{width:200px;height:auto;margin:20px;border:1px dashed #8db085;border-radius:33px;background-color:#fff;color:#174808;box-shadow:0 4px 8px rgba(0,0,0,.1)}.next-button:hover{background-color:#d7ebd1}.explanation-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:hsla(36,16%,94%,.9);z-index:10}.explanation-container .inner{width:50%;max-width:600px;min-width:500px;padding:20px;border:4px solid #8db085;background:#fff;border-radius:20px}.correct-answer{width:60%;margin:1rem auto;text-align:left;padding:5px 15px;font-size:1.2rem;border:1px dashed #8db085;border-radius:33px;background-color:#fff;color:#174808;cursor:pointer;transition:transform .2s ease,background-color .2s ease;box-shadow:0 4px 8px rgba(0,0,0,.1)}.correct-answer span{color:#719d67;font-size:2rem;line-height:2rem;margin-right:10px}.next-button{cursor:pointer;transition:transform .2s ease,background-color .2s ease}.next-button:hover{transform:scale(1.05)}.result-container{position:fixed;top:0;left:0;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:hsla(36,16%,94%,.9);z-index:10;overflow:auto}.result-container .inner{width:40%;max-width:600px;min-width:500px;margin-top:1rem;padding:0 1rem 1rem;border:4px solid #8db085;background:#fff;border-radius:20px;box-sizing:border-box;position:relative}.result-container .inner p{font-size:1.8rem;font-weight:700}.result-container .inner p span{font-size:3.5rem;letter-spacing:.2rem;color:#ea6b61;font-weight:900}.result-container .btn-div{width:40%;max-width:500px;display:flex;justify-content:space-evenly}