html{font-size:20px;box-sizing:border-box}.container-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;padding:20px;width:100%}@media (max-width: 840px){.container-2{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}@media (max-width: 490px){.container-2{grid-template-columns:1fr}}#checkboxContainer{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}#checkboxContainer label{margin-right:5px}#checkboxContainer .select-all{border:1px solid #ccc;margin-left:50px}.number-house{border:1px solid black;text-align:center;padding:10px;font-weight:700}.number-top{font-size:1.5rem;padding:5px;border-bottom:1px solid black}.task{display:flex;justify-content:center;align-items:center;min-width:100%;margin:7px 0 0}.pair{display:flex;justify-content:center;gap:8px;padding:5px;font-size:1rem}.answer-input{width:40px!important;height:30px;border:1px solid black;display:flex;align-items:center;justify-content:center;margin:0 5px}.square{width:40px;height:40px;border:1px solid black;display:flex;align-items:center;justify-content:center}.hidden-input{width:40px;height:40px;font-size:18px;text-align:center;border:1px solid #000;background-color:transparent;color:#000;outline:none;padding:0;margin:0;transition:background-color .3s ease,border .3s ease;border-radius:0}.hidden-input:focus{background-color:#f5f5f5;border:1px solid #000}.hidden-input::-webkit-inner-spin-button,.hidden-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hidden-input.correct{background-color:#90ee90;color:#fff;border:1px solid transparent}.number-house.correct{background-color:#90ee90;border-color:transparent}.hidden-input.incorrect{background-color:red;color:#fff;border:1px solid transparent}.number-house.incorrect{background-color:red;border-color:transparent}input:disabled{color:#000;font-size:1rem;text-align:center}