*{margin:0;padding:0;box-sizing:border-box;font-family:Noto Sans,sans-serif}body{height:100vh;background-image:url(https://static.vecteezy.com/system/resources/previews/005/678/651/non_2x/blue-purple-abstract-line-blend-background-dynamic-wave-design-music-soundwave-header-element-vector.jpg);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}.container{color:#cdc6d1fb;width:700px;height:550px;border:2px solid rgb(97,77,108);display:flex;flex-direction:column;justify-content:center;gap:10px;background-color:#52305e4d;padding:30px}.container h1{margin-top:20px}.container hr{border:none;height:1px;background:#9189ea}.container ul li{list-style:none;border:1px solid #9189ea;height:60px;display:flex;gap:10px;align-items:center;padding-left:10px;border-radius:8px;margin-bottom:10px;font-size:20px;cursor:pointer}.container ul li:hover{transform:scale(1.03);box-shadow:0 4px 12px #9189ea66}.container button{margin:auto;padding:5px;width:150px;font-size:20px;background-color:#9189ea;cursor:pointer;color:#f8e0e0;border-radius:8px}.container button:hover{transform:scale(1.03);box-shadow:0 4px 12px #9189ea66}.container .index{font-size:20px;margin-bottom:20px}.container .correct{background:#dffff2;border-color:#00d397;color:#000}.container .wrong{background:#ffebeb;border-color:#ff4a4a;color:#000}