*{margin:0;padding:0}.quiz{display:flex;flex-direction:column;height:100vh;width:100vw;font-family:sans-serif}.nav-bar{background-color:#333;color:#fff;padding:1rem;text-align:center;display:flex;flex-direction:row;justify-content:center;gap:2rem}.change-mode{color:#fff}.box{display:grid;grid-template-columns:2.5fr 1fr;background-color:#f5f5f5;gap:2rem;padding:1rem 2rem;min-height:85vh}.score-board{background-color:#ddd;padding:.5rem 1rem;text-align:center;font-weight:700;border-radius:8px;height:200px;box-shadow:-8px -5px 12px 1px #0000004d;display:flex;gap:2rem}.quiz-box{display:flex;flex-direction:column;height:60%;justify-content:space-between}.question-option-container{display:flex;flex-direction:column;gap:1rem}.question-box{background-color:#fff;padding:1rem;border:2px solid #ccc;border-radius:8px}.option-box{display:flex;flex-direction:column;background-color:#fff;padding:1rem;border:2px solid #ccc;border-radius:8px;height:auto;gap:1rem}.btn-container{margin:0 auto;width:100%}.next-btn{padding:10px 40px;width:100%;font-weight:600}.controls{background-color:#e9e9e9;padding:1rem;border-radius:8px;height:200px;box-shadow:-8px -5px 12px 1px #0000004d}.footer{background-color:#333;color:#fff;padding:1rem;text-align:center}.options{display:flex;height:3rem;border-radius:5px;padding:0 1rem;transition-duration:.15s;align-items:center;border:2px solid rgb(0,0,0,.3)}.options:hover{background-color:#ccc;border:2px solid rgb(0,0,0,.9)}.selected{display:flex;height:3rem;border-radius:5px;padding:0 1rem;transition-duration:.15s;align-items:center;border:2px solid rgb(0,0,0,.3);background-color:gray;color:#fff}.multiplayer-score-container{display:flex;flex-direction:column;min-height:10vh;gap:10rem}