html{height:1000px;scroll-behavior:smooth}body{background:linear-gradient(179.7deg,#e0e7ec 2.9%,#a1adb8 97.1%);font-family:Libertinus Math,system-ui}header{background-color:#ebe8e8;border-radius:10px;box-shadow:0 0 10px #0000001a;display:grid;grid-template-columns:1fr;grid-template-rows:auto;margin:60px auto 20px;min-width:300px;padding:20px 14px 24px;place-items:center;width:50%}.add-form{align-items:center;display:flex;justify-content:center;width:80%}.todo-input{border:none;border-radius:10px;box-shadow:0 0 10px #0000001a;font-family:Libertinus Math,system-ui;font-size:14px;padding:10px;width:100%}.todo-input:focus{outline-color:#17bcc2;outline-style:solid;outline-width:2px}.add-button{background-color:#17bcc2;border:none;border-radius:10px;box-shadow:0 0 10px #0000001a;color:#fff;font-family:Libertinus Math,system-ui;font-size:14px;margin-left:5px;padding:10px 12px}.add-button:hover{background-color:#24d0d6;cursor:pointer;transition:all .3s ease-in}.todo-card{background-color:#ebe8e8;border-radius:10px;box-shadow:0 0 5px #0000001a;margin:18px auto;min-width:300px;padding:14px;width:50%}.mainList{margin:0;padding:0}.actionsContainer{display:flex;gap:6px}.actionsContainer button{background:none;border:none}.actionsContainer i{cursor:pointer;font-size:14px}.editButton{color:#17bcc2}.deleteButton{color:#f06c6c}.todoItem{font-family:Libertinus Math,system-ui;justify-content:space-between}.overlay,.todoItem{align-items:center;display:flex}.overlay{background-color:#0000004d;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0003;min-width:250px;padding:20px 30px;text-align:center}.modal button{background-color:#17bcc2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Libertinus Math,system-ui;font-size:12px;padding:8px 10px}.footer-text{color:#666;font-size:12px;text-align:center}.footer a{color:#1ab1b6;text-decoration:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.c26617c6.css.map*/