*{margin:0;padding:0;font-family:Poppins,sans-serif;font-weight:400;font-size:14px}body{background-image:linear-gradient(#1a4d2e,#e8dfca);height:100vh}header h1{color:#f5efe6;margin:3vh 0 2vh;font-size:20px}.app{display:flex;flex-direction:column;justify-content:center;align-items:center}.card{margin:auto;width:50%;height:auto;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.greeting{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;margin:auto;text-align:center;color:#1a4d2e;gap:30px}.greeting h1{color:#e8dfca;margin-top:20vh;font-size:50px}.greeting button{color:#f5efe6;background-color:#1a4d2e;width:200px;height:50px;border-radius:15px;box-sizing:border-box;border:none;cursor:pointer}.greeting button:hover{border:3px solid #4F6F52}.footer{background-color:#4f6f52;width:100%;margin:15px 0 5px;height:6vh;border-radius:15px;display:flex;justify-content:center;align-self:center;color:#fff}.footer p{margin-top:8px}.toast{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1a4d2e;border-radius:15px;border:2px solid #435f46}.toast.hidden{display:none}.toastBtn{border-radius:10px;width:200px;height:50px;cursor:pointer;box-sizing:border-box;border:1px solid #E8DFCA;background-color:#f5efe6}.toastBtn:hover{color:#000;font-size:medium;background-color:#e8dfca}.toast-title,.toast-info{color:#f5efe6}.info{width:100%}.wait{background-color:#e8dfca;width:100%;height:6vh;border-radius:15px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#4f6f52}.wait.hidden{display:none}.answer{background-color:#4f6f52;width:100%;height:6vh;border-radius:15px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f5efe6}.answer.hidden{display:none}.compete{background-color:#1a4d2e;width:100%;height:6vh;border-radius:15px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f5efe6}.compete.hidden{display:none}.loader{width:fit-content;margin:15px;font-size:14px;background:linear-gradient(currentColor 0 0) 0 100%/0% 3px no-repeat;animation:l2 10s linear infinite}.loader:before{content:"Lütfen Bekle..."}@keyframes l2{to{background-size:100% 5px}}.content{text-align:center;background-color:#fffbf6;border-radius:15px;margin-top:10px;width:100%;padding-bottom:10px}.content h3{width:fit-content;height:6vh;padding:30px 15px;margin:auto}.content ul{width:100%;list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin:15px 0}.content li{box-sizing:border-box;width:90%;height:5vh;border-radius:10px;background-color:#f5efe6;cursor:pointer;padding:5px 0}.content li:hover{background-color:#e8dfca;box-sizing:border-box}.content .trueLi{color:#1a4d2e;border:1px solid #1A4D2E;background-color:#ccdbcd}.content .falseLi{color:#ba6a5c;border:1px solid rgb(186,106,92);background-color:#f0ddd9}.content img{box-sizing:border-box;border-radius:15px;border:1px solid #F5EFE6;width:400px;height:150px;margin-top:15px;object-fit:cover}