@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";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins;list-style:none}body{color:#ccc;background-color:#2b353f;justify-content:center;align-items:center;height:100vh;display:flex}.card-container{background-color:#47688f9a;border-radius:8px;flex-direction:column;justify-content:space-between;width:500px;min-height:670px;padding:24px 30px;display:flex}.card-container .header{text-align:center;margin-bottom:20px}.card-container .header h1{font-size:50px}.card-container .header p{letter-spacing:1px;color:#dfebf6;margin:4px;font-size:17px}.card-container .questions{flex-direction:column;gap:10px;display:flex}.card-container .questions li{cursor:pointer;background-color:#5f7888;border-radius:10px;padding:16px}.card-container>button{border-radius:10px;width:100%;margin:20px 0;padding:16px}button{color:#dfebf6;cursor:pointer;background-color:#29353c;border:#0000;border-radius:8px;margin:20px;padding:14px 22px}.correct{color:#17c48a;border:1px solid #17c48a}.incorrect{color:tomato;border:1px solid tomato}.results-message{text-align:center;flex-direction:column;flex:1;justify-content:center;display:flex;overflow:hidden}.perfect-score{border:3px solid gold;animation:1.5s ease-in-out infinite alternate glow;box-shadow:0 0 20px gold}@keyframes glow{0%{box-shadow:0 0 10px gold}to{box-shadow:0 0 25px gold}}.nice-try{color:#ffb347;text-align:center;margin-bottom:10px;font-size:18px}.timer{font-size:1.2rem;font-weight:700}.timer.warning{animation:.4s infinite alternate flash}@keyframes flash{0%{opacity:1}to{opacity:.3}}.card-container .header .timer.warning{color:red!important}.globe-image{width:300px;height:auto;margin:20px auto;animation:3s ease-in-out infinite float;display:block}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.countdown-screen{z-index:999;background-color:#2b353f;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.countdown-screen h1{margin-top:10px;font-size:80px}.countdown-screen h2{font-size:32px}.smashed-it{text-align:center;margin-bottom:125px}.perfect-score-header{text-align:center;width:100%;margin:0 auto}.perfect-score-header h2{margin-bottom:8px;font-size:2.6rem;font-weight:800}.perfect-score-header h3{margin-top:0;font-size:1.6rem;font-weight:600}