@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0}body{height:100vh;background-image:linear-gradient(#d8c7ff,#190063);font-family:Roboto,sans-serif}.container{width:640px;margin:150px auto auto;background-color:#fff;color:#262626;display:flex;flex-direction:column;gap:20px;border-radius:10px;padding:40px 50px}.container hr{height:2px;border:none;background-color:#707070}.container h2{font-size:27px;font-weight:500}.container ul li{display:flex;align-items:center;height:70px;padding-left:15px;border:1px solid #686868;border-radius:5px;margin-bottom:20px;font-size:20px;cursor:pointer}.container button{margin:auto;width:250px;height:65px;border:none;border-radius:8px;background-color:#553f9a;color:#fff;font-size:25px;font-weight:500;cursor:pointer}.container .index{margin:auto;font-size:18px}.container .correct{background:#dffff2;border-color:#00d397}.container .wrong{background:#ffebeb;border-color:#ff4a4a}
