*{box-sizing:border-box;font-family:Inter;margin:0}html,body{margin:0;padding:0;height:100%;width:100%}.quiz-container{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:stretch;align-items:center;margin:0;overflow:auto}.dawn-container{display:none}.morning-container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;width:100%;background:url(https://wallpapers.com/images/hd/aesthetic-minimalist-firewatch-fa8mgdbaweglc244.jpg);background-size:cover;color:#fff}.night-container{min-height:100vh;width:100%;background:url(https://i.redd.it/cmcfzy4qb9881.jpg);background-size:cover;display:grid;padding:1rem;color:#f0f8ff;font-weight:500}.morning-content{background:#0009;padding:2rem;border-radius:10px;text-align:center;color:#fff;max-width:500px;width:90%}.morning-container h2{margin-bottom:1rem;color:#ff4500;text-shadow:2px 2px 4px black;font-size:2rem}.morning-container p{font-size:1.2rem;line-height:1.6;margin-bottom:1rem}.morning-button{font-size:1.2rem;font-weight:700;padding:10px 20px;border-radius:8px;border:none;background-color:bisque;cursor:pointer;width:200px;height:50px;transition:all .3s ease-in-out}.morning-button:hover{background-color:#ff8c00;color:#fff}@media (max-width: 600px){.morning-content{padding:1.5rem}.morning-container h2{font-size:1.8rem}.morning-container p{font-size:1rem}.morning-button{width:180px;height:45px;font-size:1rem}}.options-container{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:.5rem}.click-option{list-style-type:none;padding:0}.click-option input{margin-right:5px}.click-option label{cursor:pointer}.click-option label:hover{background-color:#8b0000}.options-container li{float:left;margin:.4rem;border:1px solid black;padding:2px 3px;color:#000;font-weight:600;border-radius:4px;background-color:red}.night-container span,p{text-shadow:2px 2px 4px black}.question-text{font-size:1.25rem;font-weight:700;margin-top:1rem;margin-bottom:.5rem;color:#fff}.option-input{margin-right:10px}.option-label{cursor:pointer;padding:5px;border-radius:5px;transition:background-color .3s ease}.option-label:hover{background-color:#ffa5004d}.score{display:flex;align-items:center}.score p{margin-right:1rem;font-weight:700}.score-button{background-color:#4d5b9e;color:#fff;padding:.8rem 2rem;border-radius:8px;border:none;font-weight:700;cursor:pointer;transition:background-color .3s ease}.score-button:hover{background-color:#3b4d7d}@media (max-width: 600px){.quiz-container{padding:0}.morning-container,.night-container{width:100%;padding:1rem}.options-container{flex-direction:column}.click-option li{width:100%}}