@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:#191a19;display:flex;justify-content:center}.title{color:#f2f2f2;font-size:1.7rem;margin-left:10px}.App{text-align:center}.TodoWrapper{border-radius:5px;margin-bottom:5rem;margin-top:5rem;max-width:100vw;padding:2rem;width:700px}.TodoForm{margin-bottom:1rem;width:100%}@media only screen and (max-width:700px){.TodoWrapper{width:90vw}}.todo-input{background:none;border:none;border-bottom:1px dotted #7c7c7c;color:inherit;font-size:1.5rem;margin-bottom:2rem;margin-top:1rem;outline:none;padding-bottom:10px;resize:none;width:100%}@media only screen and (max-width:500px){.todo-input{font-size:1.2rem}}@media only screen and (max-width:350px){.todo-input{font-size:.8rem}}.Todo p{display:block;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.light-mode .Todo p{color:#191a19}.dark-mode .Todo p{color:#c6c6c6}.todo-btn{display:none}.Todo{align-items:center;border-bottom:1px dotted #7c7c7c;color:#c6c6c6;display:flex;font-size:1.2rem;justify-content:space-between;margin-bottom:1rem;max-width:700px;overflow:hidden;padding-bottom:1rem;padding-top:1rem;width:100%}@media only screen and (max-width:700px){.Todo{font-size:1.2rem}}@media only screen and (max-width:500px){.Todo{font-size:1rem}}@media only screen and (max-width:350px){.Todo{font-size:.8rem}}.check-icon{border:1.5px solid #4e9f3d;border-radius:50%;box-sizing:border-box;color:#4e9f3d;display:inline-block;height:.75em;margin-right:.5rem;padding:3px;vertical-align:middle;width:.75em}.fa-trash,.move-up-icon{margin-left:.75rem}.incompleted{color:#f2f2f2;cursor:pointer}.completed{color:#6f6f6f!important;cursor:pointer;transition:color .3s ease,text-decoration-color .3s ease}.completed,body.dark-mode .completed{text-decoration:line-through;text-decoration-color:#4e9f3d}body.dark-mode .completed{color:#6f6f6f}body.light-mode .completed{color:#6f6f6f;text-decoration:line-through;text-decoration-color:#4e9f3d}.delete-icon,.edit-icon,.move-icon,.move-up-icon{cursor:pointer;transition:color .2s ease-in-out}.move-icon:hover,.move-up-icon:hover{color:#4e9f3d}.delete-icon:hover{color:#f7374f}.edit-icon:hover{color:#80c4e9}body.light-mode .footer{background-color:#f2f2f2;border-top:1px solid #b7b7b7}body.dark-mode .footer{background-color:#121212;color:#c6c6c6}body.light-mode{background-color:#f2f2f2;color:#121212}body.dark-mode{background-color:#121212;color:#f2f2f2}.header{align-items:center;background-color:#f2f2f2;display:flex;justify-content:space-between;left:0;padding:15px;position:fixed;top:0;width:100vw;z-index:1}body.dark-mode .header{background-color:#121212;color:#c6c6c6}.title{color:inherit;font-size:2rem}.theme-toggle-btn{background:none;border:0;border-radius:8px;color:inherit;cursor:pointer;font-size:1.5rem;padding:.5rem 1rem}body.light-mode .theme-toggle-btn svg{color:#191a19}body.dark-mode .theme-toggle-btn svg{color:#ccc}.TodoWrapper{padding:20px}body.light-mode .TodoWrapper{background-color:#f2f2f2;color:#000}body.dark-mode .TodoWrapper{background-color:initial}.icons{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-end}@media only screen and (max-width:500px){.icons{flex-direction:row;gap:1px;margin-left:2px}}.footer{background-color:#f8f9fa;border-top:1px solid #333;bottom:0;box-shadow:0 -1px 5px #0000001a;left:0;padding:.5rem;padding:1rem;position:fixed;text-align:center;width:100%;z-index:1000}.footer-text{font-size:.875rem;justify-content:center}.footer-link,.footer-text{align-items:center;display:flex;gap:.25rem}.footer-link{color:#a020f0;text-decoration:none}.footer-link:hover{text-decoration:underline}.footer-icon{fill:currentColor;height:1em;width:1em}
/*# sourceMappingURL=main.ec5fc37e.css.map*/