@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{background-color:#f1f5f8;font-family:Roboto,sans-serif}main .center-window{max-width:750px;background-color:#fff;border-radius:.5rem;margin:128px auto 60px;padding:52px;box-shadow:0 5px 15px #0000001a}main .center-window .status-alert{height:20px;letter-spacing:4px;border-radius:4px;justify-content:center;align-items:center;margin-bottom:16px;font-size:12px;display:flex}main .center-window .todo-form{width:100%;text-align:center;flex-direction:column;justify-content:center;margin:0 auto;display:flex}main .center-window .todo-form .header-container{justify-content:space-between;display:flex}main .center-window .todo-form .header-container h3{letter-spacing:4px;margin-bottom:24px;font-size:24px;font-weight:700}main .center-window .todo-form .header-container .select-container{font-size:12px;line-height:3}main .center-window .todo-form .input-container{justify-content:center;margin-bottom:16px;display:flex}main .center-window .todo-form .input-container .todo-input{background-color:#f1f5f8;border:3px solid #0000;border-top-left-radius:8px;border-bottom-left-radius:8px;flex:1 0 auto;padding:4px 4px 4px 16px}main .center-window .todo-form .input-container .todo-input::placeholder{color:#9eb2c7;font-size:16px}main .center-window .todo-form .input-container .todo-input:focus{color:#212529;border-color:#9eb2c7;outline:0}main .center-window .todo-form .input-container .submit-btn{cursor:pointer;color:#fff;width:70px;background-color:#a5d5f8;border-color:#0000;border-top-right-radius:8px;border-bottom-right-radius:8px;padding:4px}main .center-window .todo-lists .todos{cursor:move;justify-content:space-between;margin:0 0 8px;padding:4px 16px;display:flex}main .center-window .todo-lists .todos .left-container{display:flex}main .center-window .todo-lists .todos .left-container p{margin-left:10px;line-height:1.4;text-decoration:none}main .center-window .todo-lists .todos .btn-container{display:flex}main .center-window .todo-lists .todos .btn-container p{font-size:12px;line-height:1.8}main .center-window .todo-lists .todos .btn-container .edit-btn{cursor:pointer;color:#6be675;background:0 0;border-color:#0000}main .center-window .todo-lists .todos .btn-container .delete-btn{cursor:pointer;color:#e66b6b;background:0 0;border-color:#0000}main .center-window .clear-btn{cursor:pointer;letter-spacing:4px;width:auto;height:24px;color:#bb2525;text-align:center;background:0 0;border-color:#0000;margin:24px auto 0;font-size:14px;display:block}.hidden{display:none!important}.show{display:block!important}.alert-add,.alert-edit{color:#155724;background-color:#d4edda}.alert-delete,.alert-clear{color:#721c24;background-color:#f8d7da}.loader{width:100vw;height:100vh;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.loader svg{width:50px;height:50px;color:#a5d5f8;animation:1.4s linear infinite progress-circular-rotate}.loader svg circle{stroke-width:5px;fill:#0000;stroke-linecap:round;stroke-dasharray:80 200;stroke-dashoffset:0;stroke:currentColor;animation:1.4s ease-in-out infinite progress-circular-dash}.loader-hidden{opacity:0;visibility:hidden;display:none}@keyframes progress-circular-rotate{to{transform:rotate(1turn)}}@keyframes progress-circular-dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:100 200;stroke-dashoffset:-15px}to{stroke-dasharray:100 200;stroke-dashoffset:-124px}}.hidden{display:none!important}
/*# sourceMappingURL=index.2644747f.css.map */