@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0}body{height:100vh;background-image:linear-gradient(#d8c7ff,#19006c);font-family:poppins,sans-serif}body{background:#23272f;padding-top:2px}.container{width:640px;margin:50px auto auto;display:flex;flex-direction:column;color:#f3f3f3;gap:20px;background-color:#2c313a;border-radius:10px;box-shadow:0 2px 20px #0006;padding:40px 50px}.container hr{border:none;height:2px;background:#444857}.container h2{font-size:27px;font-weight:500;color:#f3f3f3}.container ul li{display:flex;align-items:center;height:70px;padding-left:15px;border:1px solid #444857;margin-bottom:20px;border-radius:8px;font-size:20px;cursor:pointer;background:#23272f;color:#f3f3f3;transition:background .2s,border-color .2s}.container button{margin:auto;width:250px;height:65px;background:#553f9a;color:#fff;border-radius:8px;font-size:25px;cursor:pointer;font-weight:500;border:none;transition:background .2s}.container button:hover{background:#6d50c2}.container .index,.footer{margin:auto;font-size:18px;color:#b0b0b0;text-align:center}.container .active .correct{background:#254d3b;border-color:#00d397;color:#b8ffd9}.container .active .wrong{background:#4d2525;border-color:#ff4a4a;color:#ffd8d8}.container .selected{background:#393e49;border-color:#686868;color:#fff}.score{margin:20px auto 0;padding:10px 30px;background:#23272f;color:#00d397;border-radius:8px;font-size:22px;font-weight:600;box-shadow:0 2px 8px #00000026;letter-spacing:1px;text-align:center}@media (max-width: 700px){.container{width:95vw;padding:20px;margin-top:20px;box-sizing:border-box}.container h2{font-size:20px}.container ul li{height:55px;font-size:16px;padding-left:10px;margin-bottom:12px}.container button{width:90vw;max-width:300px;height:50px;font-size:18px}.score,.container .index,.footer{font-size:15px;padding:8px 10px;text-align:center}}@media (max-width: 360px){.container{width:99vw;padding:10px;margin-top:8px}.container h1{font-size:20px}.container h2{font-size:15px}.container ul li{height:40px;font-size:12px;padding-left:5px;margin-bottom:7px}.container button{width:98vw;max-width:200px;height:36px;font-size:13px}.score,.container .index,.footer{font-size:12px;padding:4px 2px}}