@font-face{font-family:IRANSans;src:url(/assets/extrabold-De6AeF1f.woff2) format("woff2")}:root{--bg-color: rgb(0, 200, 255);--white-color: #fff;--black-color: #000}*{box-sizing:border-box;padding:0;margin:0;border:none;text-decoration:none;font-family:IRANSans;list-style:none}body{background-color:var(--bg-color);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 25px}.container-app{width:650px;padding:30px;background-color:#fff;border-radius:10px}.container-app ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.container-app ul li{display:flex;justify-content:center;align-items:center;background-color:#0096ff;border-radius:10px;padding:20px 0;cursor:pointer;color:#fff;transition:.5s}.container-app ul li:hover{color:#fff}.container-app h1{text-align:center;margin-bottom:30px;color:#0096ff}@media (max-width: 700px){.container-app ul{grid-template-columns:repeat(3,1fr)}.container-app{width:calc(100vw - 50px);padding:30px;background-color:#fff;border-radius:10px}}@media (max-width: 600px){.container-app ul{grid-template-columns:repeat(1,1fr)}.container-app{width:calc(100vw - 50px);padding:30px;background-color:#fff;border-radius:10px}}.container{background-color:var(--white-color);padding:40px 50px;border-radius:20px;width:650px;display:flex;flex-direction:column;justify-content:center}.container .header{display:flex;justify-content:space-between;align-items:center}.container .header h1{font-size:25px}.container .header span{color:#3a3a3a}.container hr{height:2px;background-color:#9f9f9f;margin:10px 0 0}.container h2{font-size:18px;margin:20px 0}.container ul{display:flex;flex-direction:column;gap:15px;width:100%;justify-content:center}.container ul li{background-color:#f0f0f0;border-radius:5px;padding:15px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.container .btn button{background-color:var(--bg-color);padding:15px;margin-top:15px;color:var(--white-color);border-radius:5px;cursor:pointer}.container ul li.corrent{background-color:#daffdd;border:2px solid lime;cursor:default}.container ul li.wrong{background-color:#ffe4e4;border:2px solid rgb(255,0,0);cursor:default}.happy{font-size:25px;color:#00ff59;display:none}.meh{font-size:25px;color:red;display:none}.container ul li.corrent .happy,.container ul li.wrong .meh{display:block;cursor:default}.container ul li.corrent~li{cursor:default}.container .azmon{text-align:center;font-size:20px}.container .green{color:#19da00;font-family:sans-serif;font-weight:700;text-align:center;font-size:25px}.container .yellow{color:#fc0;font-family:sans-serif;font-weight:700;text-align:center;font-size:25px}.container .red{color:red;font-family:sans-serif;font-weight:700;text-align:center;font-size:25px}.btn{display:flex;justify-content:space-between;gap:10px}.btn button:last-child{background-color:red;width:50%}.btn button{width:50%}@media (max-width: 700px){.container ul{grid-template-columns:repeat(1,1fr)}.container{width:calc(100vw - 50px);padding:30px}}@media (max-width: 375px){.container ul{grid-template-columns:repeat(1,1fr)}.container{width:calc(100vw - 50px);padding:20px}.btn{display:flex;justify-content:space-between;flex-direction:column}.btn button:last-child{background-color:red;width:100%;margin-top:5px}.btn button{width:100%}}