body{background-color:#1e8fff62;margin:0;font-family:Arial,sans-serif}.container{width:640px;margin:150px auto auto;background:#fff;color:#262626;display:flex;flex-direction:column;gap:20px;border-radius:10px;padding:40px 50px;box-shadow:0 0 10px #0000001a}@media (max-width: 768px){.container{width:90%;padding:30px}}@media (max-width: 480px){.container{width:95%;padding:20px;margin-top:10px;font-size:20px}button{width:200px;height:55px;font-size:20px}h2{font-size:22px}ul li{height:50px;font-size:16px;padding-left:10px}.index{font-size:16px}}@media (max-width: 375px) and (max-height: 667px){.container{width:50%;padding:15px;margin-top:0}button{width:180px;height:50px;font-size:18px}h2{font-size:20px}ul li{height:45px;font-size:14px;padding-left:10px}.index{font-size:14px}}h1{text-align:center}.container hr{height:1px;border:none;background:#707070}h2{font-size:27px;font-weight:500}ul{padding:0}ul li{display:flex;align-items:center;padding-left:15px;height:60px;cursor:pointer;border:1px solid #686868;border-radius:10px;margin-bottom:20px;font-size:18px;transition:background-color .3s,border-color .3s}button{margin:auto;width:250px;height:65px;background-color:#553f9a;color:#fff;font-size:25px;font-weight:600;border:none;border-radius:15px;box-shadow:1px 1px 1px 1px #000;cursor:pointer;transition:background-color .3s,box-shadow .3s}button:hover{background-color:#6a50c3;box-shadow:2px 2px 5px #0003}.index{text-align:center;font-size:18px}.Correct{background-color:#dffff3;border-color:#00d397}.Wrong{background-color:#ffebeb;border-color:#ff4a4a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:poppins}