@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";body{background-color:#d3d3d3}h1{color:#000}body,ul,li,a{margin:0;padding:0;list-style:none;text-decoration:none}body{background-color:#f4f4f4;font-family:Arial,Helvetica,sans-serif}nav{background-color:#333;box-shadow:0 4px 8px #0003;font-family:Playfair Display,serif;width:100vw}.navbar{display:flex;justify-content:center;padding:10px 0}.navbar li{margin:0 15px}.navbar a{color:#fff;font-size:18px;padding:10px 15px;transition:background-color .3s,color .3s}.navbar a:hover{background-color:#555;color:#fff;border-radius:4px}body{display:flex;flex-direction:column;align-items:center;padding:20px}.container{display:grid;grid-template-columns:repeat(4,1fr);place-items:center;gap:10px;margin-bottom:20px}.box{background-color:#f0f0f0;border:1px solid #ccc;padding:20px;text-align:center;font-size:16px;font-weight:700}.abacus-practice-container{display:flex;flex-wrap:wrap;justify-content:center;padding:2rem}.abacus-practice-container.advanced .box{background-color:#c68fee;color:#fff;transition:all .3s}.abacus-practice-container.advanced .box:hover{background-color:#ee84abcc}.abacus-practice-container .box{width:200px;height:30px;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;background-color:#8aafe0;color:#fff;font-weight:700;font-size:larger;margin:0 auto;max-width:500px;box-shadow:0 0 10px #0003;transition:all .3s}.abacus-practice-container .box:hover{background-color:#ee84abcc;scale:1.1}.abacus-practice-container .box:active{scale:.9}.box:hover{background-color:#e0e0e0}.container .center{grid-column:span 2;justify-self:center}.abacus-logo-container{display:flex;justify-content:center;margin:20px}.abacus-logo{margin:0 auto;max-width:300px;height:200px}.main-heading{text-align:center}.box-container{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;width:1000px;margin:0 auto}.box{width:150px;height:350px;border:1px solid black;border-right:2px solid black;border-left:2px solid black;display:flex;flex-direction:column;justify-content:space-between}.card{min-height:400px}.boxsm{width:100%;height:40px;border:1px solid black;text-align:center;border-radius:10px}.answer-section{flex-grow:1;border-radius:10px}.answer-section button{padding:10px;background-color:#333;color:#fff;border-radius:10px;font-size:1rem;border:none;transition:all .3s;cursor:pointer}.answer-section button:hover{background-color:#555}.answer-section button:active{background-color:#000}.answer-section button:disabled{background-color:#ccc;color:#000;cursor:not-allowed}.quiz-timer{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:20px}.quicksand-font{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.bg-white{background-color:#fff}.text-center{text-align:center}.flex{display:flex}.multiplication-cards-container{display:flex;flex-direction:column;max-height:100vh;flex-wrap:wrap;gap:10px;margin:20px;overflow-x:scroll}.multiplication-card{border:2px solid black;display:flex;align-items:center;gap:20px}.multiplication-card-sr-num{border-right:2px solid black;padding:20px}.multiplication-buttons{display:flex;justify-content:center;gap:10px}.division-cards-container{display:flex;flex-direction:column;max-height:100vh;flex-wrap:wrap;gap:10px;margin:20px;overflow-x:scroll}.division-card{border:2px solid black;display:flex;align-items:center;gap:20px}.division-card-sr-num{border-right:2px solid black;padding:20px}.quiz-numbers-and-input{display:flex;align-items:center;gap:10px}.division-buttons{display:flex;justify-content:center;gap:10px}