@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100;200;300;400;500;600&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&display=swap");:root{--primaryColor:#846c45;--secondaryColor:#fffbf7;--accentColor:#dcd0bc;--darkPrimaryColor:#6e5a3a;--shadow:0 6px 8px -1px rgba(0,0,0,.15);--shadowHover:0 8px 8px -1px rgba(0,0,0,.15)}*{font-family:Noto Sans Arabic,sans-serif;box-sizing:border-box}body{background:#f2f2f2;color:#333}hr{opacity:.15;margin:2rem 0}a{color:#333;text-decoration:none}.content{max-width:960px;margin:0 auto;text-align:center}nav{margin:10px auto 80px;padding:10px 0;display:flex;justify-content:flex-end;align-items:flex-end;border-bottom:1px solid #ddd}nav a{margin-left:12px}nav .logo{margin-left:auto;font-weight:900}footer{display:block;text-align:center;padding:30px 0;margin-top:60px;color:#777;border-top:1px solid #eaeaea}.khatmat{margin-top:1rem;text-align:right}button{padding:.3rem .7rem;border:none;font-weight:700;cursor:pointer;box-shadow:0 6px 8px -1px rgba(0,0,0,.15);transition:color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out}button:hover{opacity:.75;box-shadow:0 8px 8px -1px rgba(0,0,0,.15)}button.primary{background-color:var(--primaryColor);color:#fff}.modal{display:grid;place-items:center;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;z-index:99;background-color:rgba(0,0,0,.35)}.modal .modalWindow{width:50%;margin:auto;background-color:var(--accentColor);padding:1rem .5rem;box-shadow:var(--shadowHover)}.modalWindow .header{display:flex;justify-content:space-between;align-items:center}.modalWindow .header .title{font-size:1.2em;font-weight:600}.modalWindow .body{margin:1rem 0}@media screen and (max-width:860px){.modal .modalWindow{width:92.5%}}.clock{font-size:4em;font-weight:900;color:var(--primaryColor)}.mistakes-counter .counters>div{display:flex;justify-content:space-between;align-items:center;margin:.4rem 0}.modalWindow .footer button:disabled,.modalWindow .footer button[disabled]{background-color:#888;box-shadow:none;cursor:default}.modalWindow .footer button:disabled:hover,.modalWindow .footer button[disabled]:hover{background-color:#888;opacity:1;box-shadow:none}.modalWindow .body .description{border:none;display:block;width:95%;padding:.5rem 10px;margin:24px auto;border-radius:4px;box-shadow:var(--shadow);background-color:var(--secondaryColor);color:var(--primaryColor);font-weight:700;font-size:1em}.modalWindow .body .description:focus{outline:none}.khatmat{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem;padding:10px}.khatmat .khatmah{box-shadow:var(--shadow);background-color:var(--darkPrimaryColor);background:linear-gradient(45deg,var(--primaryColor) 35%,var(--darkPrimaryColor) 34%);border-radius:10px;color:#fff;font-weight:700;padding:10px}.khatmat .khatmah h6{background-color:gray;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:20px;padding:0 20px}.khatmat .khatmah .mistakes{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.khatmat .khatmah .mistakes span{display:block}.khatmat .khatmah .mistakes p{margin:0}