body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{transition:.2s}.light{background:#fff;color:#252525}.light header{background:#fff!important}.light #theme-toggle-btn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOQSURBVHgB7ZddSJNRGMePcxtbms6Bzpmhza+yj5uVRER5F6RFXkhY1EUhWBd1UYE3XoReGHjRJ3TZRdRVF0FXgVFSaZSJWlKxqYiBInNTp/tw79bvXBgyN3v34uhmDzycZ+c855z/ec7/ec47ITKSkdQkW6RRqqqquqxWa878/PwvNf5pAVNeXl5cVFTUiHlbp9MV5Ofne7xe7/i/5ulFGiQWi9mj0ejdrKwsC/aZ7OxsK929ckj8L+GavlVWVrar9U9LZNaEyLQRoRnV/kKj1NTUbOcKulEbOsjGH0Kh0OjU1JRXaBTNBPZ4PDEy5RxmI0AO0jbp9foii8XihqzzQoPohEapr6+XZIyiXxVFaSI6TyQgsudZRUWFk/GUKaAZzPT09DYaeVUT4+Pj710uVwf2BTlGpF5MTk46E61fVlZmdzgcJwsLC3O3DEwkEpHpWsbGawUtCqA+ALXQFzAYDF3wqjh+ntFovEeqP8/Ly7u+ZWDgxwEaBxu/Xtcdc7vdLgC1Ye8lk07Fz2NMXm+M6zRvCZja2lojIG5i9i0vL7sTuAywZy96Fl/r+gEicxmQLT6frzt+UsrZZLfbtxGVO5iH0Ftw40e8D2+RAicMmCfYeJTff5+Cubm5MNnmWllZCcfPSykyEC8/Nze3nRNfZJNH8GIgmS/jX4ieCbNCqJSE6ed0Og2Dg4OR5uZm3dDQkN5kMlmCweAehlrRI2zycGlp6TH8CCdb2O/3z+Tk5MjIW4RWMPKOFxYWWnlTFoeHh2WF3kFlPUq7Hx1CbxCRV7Ozs+HNFjabzQZAywgpQisYCpgJpl/iKqpZaJGu32gf2kM6f4Yjat8aGxoFkOpqvAHM6urqMnWgX+Kibsj0jQgNAoh6DhSk/a52zgYCU039NO9YCL46jgsNUlpaagVEA+ZkIBAYUTsvUTYpAJHXMkqEOijfu0SKrzt8OQ2Yw5hPeTYCauclrDPUBS+vrwfuXEUNvM4f6QsJFVJdXV1H8wAwbznUfbXzkoKRQmFyA0JG7jyLYlp/0reUzF9+3+BzDLMHfz96Dc6p/rDaFAyi8Jh9IjIKp2ylbWAzPRELFRQUhACm2Gw2c0lJyU786hhvA0AnviNkZCvcmxApihouGPmWlUS+gsqTe9nUJ19mOYbm8Vu+zj441om+HBsb0/RxlRIx+Quym80aiMI+apAEsIC60DcUxv5UyJqRjGQknfIHUf6Fo2DSsk0AAAAASUVORK5CYII=)!important}.light .btn-form-container{background:#fff!important}.dark{background:#252525;color:#fff}.dark header{background:#252525!important}.dark #theme-toggle-btn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPdSURBVHgB7ZdNSFRRFMevM+obnZEZK7Si2rkw7UOIatEXVERR0CooKELatpSKCtRE2oW2DKI2LlpEgX0iRRBFbdQoxcbAnBr81nH8mBlnnH4nnqLie/OcDyLwwOG8e++55/zvueeee59Sq5QhGhgYcE1OTlYMDg4WqBTJplIkTdPKEU+dTme5SpFSBmOz2RyIzbFYTFMpUspg0kmmYOLxuBNOC2DsZMH5KhkwAoTE/AFf4dtjpGe326OIgC6NbOVOTU1VT09Pe30+X55aKUlEgsFgLWD6MCSANAM9OU3HJyYm1i837vV6NexUY6MfvesSIZUMyYowUA13w/W0C1cyPxAIrCEatwD6Hb4qbTP9bLPBrKysCADqWZWdZiUGW5BvdKAOHFVEo9GtnKhCtmmEvs68vLxW5oVEJzc3d+fs7Gwl7ft+v/9OSUlJ2NSfsrhCDO/A8TeXyxUAxC6cXMZJGcM2ZA5AIsgw8ifyNqDaAe/Ozs4uC4fDbR6PZ1SlkyQaOLjAlvngZv17o2wnFXgDIKX9kv4h+LxRnqWFSMQDOBmGG3C0djmd8fHxdQBqhH+hf1BlgvQ7qFlWbgRkjhgXQM/gx1IilEWyXNDy8/P3ILZgvImcGDbTZXwIvUfI0lAotFtZpPnTxGQ3Yd2Ggfk+KWQkajdJ28eJKaVLA9RrK4bRb8HmDe4sSfK3UjjZ3u1qQQCwHyLRv+JzYhEYVrATA08Y8CwAGKB9ls8XgCqQU9PT0zNmBUx/f/9wUVGRnTkFUujIpZOcrHsMORbY7x0bGzvNZ+siMA6Ho53InFoaGVbTpq80yORYcXGx5MvvRGAAsgZbM9gYl3ZOTs47onRsaWRmZma8c+15x0yUFb83Ms54JyKKPIJ8qBIQ4I/iXGpPJxyny6ez8RxlkYjcJ0QX23VGjq+Zroyjdw4Qvcz7rDJBbNlhrgY/29loVmcYv4vuCEUwM3VGSK5/asclHI0iXyEv6hVYA+QmnF+k7znsFz2p2Cuxb+lukmOJo7JIJNLhdruncbaXnKiifwvDGt9ykcaE6eui3cD2fCRCTvKmnHvpC1uW8G5KCEZ/GN3k84Icc+rMB73fRTnYgyyVY48McnQ7JEfm6gYL2M9YE58PuLXrEt3apkQNKARIFewlGit+z8h8tuvvewZZm/TFyUQ7Rq7JSw+uMTIkLzzGTxj9N8lLD50qdAbguqTe1PKGkacAoa4Rg0Z6RG0fegGRRjoSIVkYPCjfKhkSQIlWQpIeYsVxkWZ6YgdO/tnJyRlRaSKSehZhau//+YmzQnLZIXp1+W9J/2+qkJegWqUM0R9XVsmSOM+UJQAAAABJRU5ErkJggg==)!important}.dark .btn-form-container{background:#252525!important}.App{box-sizing:border-box;padding:1rem}.App #theme-toggle-btn{background:transparent;border:none;height:35px;transition:.2s;width:35px}.App header{background:#252525;left:0;padding:1rem;position:fixed;top:0;transition:.2s;width:calc(100% - 2rem);z-index:50}.App header .header-main{align-items:center;display:flex;justify-content:space-between}.App header h1{font-size:20px;font-weight:600;margin-bottom:0;margin-top:2rem}.App main .todo-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin-bottom:8rem;margin-top:8rem;padding:0}.App main .todo-list .todo-item{align-items:center;background:#d9d9d9;border-radius:12px;box-sizing:border-box;color:#252525;display:flex;gap:4rem;height:80px;justify-content:space-between;line-height:1.1;padding:1rem}.App main .todo-list .todo-item .todo-done-title{text-decoration-color:#fbd800;-webkit-text-decoration-color:#fbd800;text-decoration-line:line-through;-webkit-text-decoration-line:line-through;text-decoration-thickness:2px}.App main .todo-list .todo-item .btn-container{align-items:center;display:flex;gap:1rem}.App main .todo-list .todo-item .btn-container button{background:none;border:none;display:grid;padding:0;place-items:center}.App main .todo-list .todo-item .btn-container .change-btn{height:24px;width:24px}.App main .todo-list .todo-item .btn-container .delete-todo-btn{border:1px solid #252525;border-radius:50px;height:24px;transition:.2s;width:24px}.App main .todo-list .todo-item .btn-container .todo-done-btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAIRlWElmTU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABIAAAAAQAAAEgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAABCgAwAEAAAAAQAAABAAAAAAx28c8QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KGV7hBwAAAQ5JREFUOBGVkktuAkEMROkMieBAcFJykLDgv4ecJUo2idhB88rTbnp6ohFYKrnsdvkDE0ZPWowxIBmDawjh8pQc8UspIG7KeJBTrKkj/Ct4B/NBQflIcZ4EXwPZN2ibQBqgzrqvY+RsspLwHZD9tC4ulMzdU1G+s3yDu/g3ibf4N5sGmQHdZQm8NsqN4S7+g8sOJkwTJf6ydIyb/JAI+Z6YnJ2KH+uEBZD5Xbk7ub29xNibTL7dEKIfb1UVLok/qtyB+D55YNVzEso5L7fKv431oOi/v0lCF+99WFnrOW9iXSkI4AjcThBfuzu504GAQv9UJ3AJP8FUdf5Wa3oxheUmj02uu9Ck/BIzr+s8vgH4dI0yb2jZtgAAAABJRU5ErkJggg==),#fbd800;background-position:50%;background-repeat:no-repeat}.App .edit-popup{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;height:100%;left:0;place-items:center;position:fixed;top:0;width:100%;z-index:100}.App .edit-popup .edit-form{align-items:center;background:linear-gradient(115deg,#fbd800 60%,#ffb158);border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;padding:3rem 1rem;width:calc(100% - 2rem)}.App .edit-popup .edit-form input{background:#fff;border:none;border-radius:8px;font-size:1rem;outline:none;padding:1rem .75rem;width:calc(100% - 2rem)}.App .edit-popup .edit-form .save-btn{background:#fff;border:none;border-radius:8px;box-shadow:2px 2px 2px rgba(0,0,0,.2);color:#252525;font-size:1rem;padding:10px;width:45%}.App .btn-form-container{background:#252525;bottom:0;left:0;padding:1rem;position:fixed;transition:.2s;width:calc(100% - 2rem);z-index:50}.App .btn-form-container .btn-form{align-items:center;background:linear-gradient(115deg,#fbd800 60%,#ffb158);border-radius:12px;box-sizing:border-box;display:flex;justify-content:space-between;left:1rem;padding:.5rem;width:100%}.App .btn-form-container .btn-form input{background:#fff;border:none;border-radius:8px;font-size:1rem;outline:none;padding:10px}.App .btn-form-container .btn-form .add-todo-input-field::-webkit-input-placeholder{font-style:italic}.App .btn-form-container .btn-form .add-todo-input-field::placeholder{font-style:italic}.App .btn-form-container .btn-form .save-btn{color:#252525}.App .btn-form-container .btn-form button{background:#fff;border:none;border-radius:8px;font-size:1rem;padding:10px}.App .btn-form-container .btn-form .add-todo-btn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACeSURBVHgB7ZW7DYAwDEQvSPSwAR1sxQxsABswHlSwAfQgQsxXVDlFaZByReRIuScXZwcgtPYolx7T2mGQmvEo5pEANZBdjjnOkdo8EQg90POSMB4K7KIA/jFYSeBNnFo2RlYgMJqjVp/w+5IZokgrP51+uFrAG6qjfW9UzJtGQ+2KpZOpfhUX9h0TchzArmCTzbfkMs99TfcQXeFnPDvtsDF4VGaBNgAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;height:38px;width:38px}.header-logo-btn-container{align-items:center;display:flex;gap:12px}.header-logo-btn-container button{background:none;border:none;height:24px;padding:0}.info-screen{background:#252525;box-sizing:border-box;height:100%;left:0;line-height:1.2;padding:16px;position:fixed;top:0;width:100%;z-index:1000}.info-screen .close-btn{align-items:center;background:linear-gradient(115deg,#fbd800 60%,#ffb158);border:none;border-radius:50px;display:flex;height:48px;justify-content:center;position:absolute;right:16px;top:16px;width:48px}.info-screen h1{color:#fff}.info-screen p{color:#fbd800}.info-screen h3{color:#fff;margin-top:48px}.info-screen ol{display:flex;flex-direction:column;gap:32px;padding:0 0 0 16px}.info-screen ol li{color:#d9d9d9}.info-screen ol li::marker{color:#fff;font-weight:700}.info-screen ol li ul{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:0 0 0 16px}.info-screen .get-started{background:linear-gradient(115deg,#fbd800 60%,#ffb158);border:none;border-radius:8px;bottom:16px;color:#252525;font-size:24px;padding:16px;position:absolute;width:calc(100% - 32px)}.no-scroll{height:100vh;overflow:hidden}
/*# sourceMappingURL=main.09211df9.css.map*/