:root{background-color:#242424}:root{box-sizing:border-box;max-width:100%;display:flex;justify-content:center;align-items:center}h1{color:#fff;text-align:center;font-size:3.5em}.form{display:flex;overflow:hidden}.form .todo-input{padding:10px 25px;font-size:1.8rem;letter-spacing:.1rem;border:none;outline:none;border-top-left-radius:17px;border-bottom-left-radius:17px;max-width:260px;transition:background-color .2s ease-in-out;width:100%;background-color:#f2f3f4}.form .todo-btn{padding:16.5px 25px;font-size:17px;color:#fff;border-top-right-radius:15px;border-bottom-right-radius:15px;min-width:100px;background-color:#5dade2;border:none}.todo-container{align-items:center;display:flex;flex-direction:column;width:70rem;height:50rem;padding-top:3%;color:#fff;transition:.3s linear;overflow:hidden}span{margin-right:3.2rem}.myUnOrdList{display:flex;justify-content:center;align-items:center;max-width:1200px}.todo-list{min-width:25%;list-style:none}.todo-item{margin:2rem;font-size:40px;color:#1c2833;border-radius:30px;transition:background-color .2s ease-in-out;background-color:#f2f3f4;width:35rem;padding:10px;display:grid;grid-template-columns:1fr .2fr .2fr;justify-content:start;gap:1.6rem;text-align:center;overflow-wrap:anywhere}li span{width:20rem;color:#1c2833}.check-btn,.delete-btn{font-size:3rem;cursor:pointer;width:3rem;height:3rem;border-radius:80%;margin:0 5px;background-color:#fff;color:#000;box-shadow:#959da533 0 8px 24px}.check-btn{color:#fff;background-color:#2ecc71}.delete-btn{color:#fff;background-color:#e74c3c}