@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:center;background:#232122;display:flex;justify-content:center}.App{text-align:center}h1{color:#000;font-size:1.75rem;margin-bottom:.5rem}.TodoWrapper{background:#fff;border-radius:5px;margin-top:5rem;padding:2rem}.TodoForm{margin-bottom:1rem;width:100%}.todo-input{background:none;border:.2rem solid #00b4c8;color:#;margin-bottom:2rem;margin-top:1rem;outline:none;padding:.5rem 1rem;width:300px}.todo-input::placeholder{color:#595959}.todo-btn{background:#00b4c8;border:none;color:#fff;cursor:pointer;padding:.66rem}.Todo{align-items:center;background:#4086cc;border-radius:5px;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.fa-trash{margin-left:.75rem}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.modal-dialog{max-width:450px;padding:20px;width:70%}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 6px #0000001a;flex-direction:column}.modal-content,.modal-header{display:flex;justify-content:space-between}.modal-header{align-items:center;border-bottom:1px solid #dee2e6;padding:20px}.modal-title{color:#333;font-size:1.5rem;font-weight:600;margin:0}.close{background:#f1f1f1;border:none;border-radius:50%;color:#333;cursor:pointer;font-size:2.25rem;padding:0 15px;transition:background-color .3s ease,color .3s ease}.close:hover{background-color:#dc3545;color:#fff}.modal-body{color:#555;font-size:1.25rem;padding:40px}.modal-footer{border-top:1px solid #dee2e6;display:flex;justify-content:center;padding:20px}.modal-footer .btn{margin-left:10px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.btn-secondary{background-color:#8397ab;color:#fff}.btn-secondary:hover{background-color:#657382}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#ff1930;transition:delay 3s}@media (max-width:576px){.modal-dialog{max-width:400px;width:90%}.modal-header{padding:20px}.modal-body{padding:30px}.modal-footer{padding:15px}.btn{font-size:.9rem;padding:8px 16px}.modal-title{font-size:1.125rem}}.incompleted{color:#fff;cursor:pointer}.completed{color:#5abc9b;text-decoration:line-through}.completed,.delete-icon,.edit-icon{cursor:pointer}
/*# sourceMappingURL=main.8b408ef1.css.map*/