*{box-sizing:border-box;font-family:Urbanist,sans-serif;margin:0;padding:0}html{font-size:62.5%}h1,h2,h3,h4,h5,h6{color:#fff;font-weight:900}.h1,h1{font-size:3.2rem;font-weight:700}.todo-container{align-items:center;background-image:linear-gradient(100deg,#001214,#001f29);color:#fff;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding-top:3%;transition:.3s linear}.Developer,.date-time,.form,.header,.str{margin:0 .7rem;min-height:1vh;width:100%}.header{align-items:center;display:flex;flex-direction:column;font-size:3rem;justify-content:space-around;min-height:25vh;width:100%}section h1{color:#fff;font-size:4.8rem;text-align:center}.date-time{font-size:2.4rem;text-align:center}.Developer{font-size:1.8rem;text-align:center}.str{color:#ff0;font-weight:700}form{display:flex;font-size:1.7rem;justify-content:center;margin:15px 0;padding:.8rem;width:100%}form input{--primary-color:#3498db;background-color:#f2f3f4;border:none;border-bottom-left-radius:17px;border-top-left-radius:17px;font-size:1.8rem;letter-spacing:.1rem;max-width:500px;outline:none;padding:10px;transition:background-color .2s ease-in-out;width:100%}form input:hover{cursor:text}form input ::placeholder{color:#fff;opacity:.5}button{background-color:#2c3e50;border:none;color:#000;outline:none;transition:box-shadow .2s ease,background-color .2s ease-in-out}form button:hover{background-color:#f1c40f;cursor:pointer}form button{--primary-color:#3498db;background-color:#5dade2;border-bottom-right-radius:15px;border-top-right-radius:15px;font-size:17px;min-width:100px;padding:10px}span{margin-right:3.2rem}.myUnOrdList{align-items:center;display:flex;justify-content:center;max-width:1000px}.todo-list{list-style:none}.todo-item{grid-gap:1rem;--overflow-wrap:anywhere;background-color:#f2f3f4;border-radius:25px;color:#1c2833;display:grid;font-size:18px;gap:1rem;grid-template-columns:1fr .3fr .3fr;justify-content:start;margin:2.4rem;max-width:30rem;min-width:35rem;padding:1.6rem 3rem;transition:background-color .2s ease-in-out}li span{color:#1c2833;max-width:20rem}.check-btn,.delete-btn{background-color:#fff;border-radius:80%;box-shadow:0 8px 24px #959da533;color:#000;cursor:pointer;font-size:3rem;height:3rem;margin:0 5px;width:3rem}.check-btn{background-color:#2ecc71;color:#fff}.delete-btn{background-color:#e74c3c;color:#fff}.checkList{text-decoration:line-through}.notCheckList{text-decoration:none}.clear-btn{background-color:#e74c3c;border-radius:.3rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;-ms-border-radius:.3rem;-o-border-radius:.3rem;font-size:1.6rem;padding:1rem 2.2rem}.clear-btn :hover{background-color:#801407}
/*# sourceMappingURL=main.8ad615ff.css.map*/