body{margin:0}.App{box-sizing:border-box;display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:500px;padding:20px;width:100%}.Header h1{color:#1f93ff;margin-bottom:0}.TodoEditor .editor_wrapper{display:flex;gap:10px;width:100%}.TodoEditor input{border:1px solid #dcdcdc;border-radius:5px;box-sizing:border-box;flex:1 1;padding:15px}.TodoEditor input:focus{border:1px solid #1f93ff;outline:none}.TodoEditor button{background-color:#1f93ff;border:none;border-radius:5px;color:#fff;cursor:pointer;width:80px}.TodoItem{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:20px;padding-bottom:20px}.TodoItem .checkbox_col{width:20px}.TodoItem .title_col{flex:1 1}.TodoItem .date_col{color:gray;font-size:14px}.TodoItem .btn_col button{border:none;border-radius:5px;color:gray;cursor:pointer;font-size:14px;padding:5px}.TodoList .searchbar{border:none;border-bottom:1px solid #dcdcdc;box-sizing:border-box;margin-bottom:20px;padding-bottom:15px;padding-top:15px;width:100%}.TodoList .searchbar:focus{border-bottom:1px solid #1f93ff;outline:none}TodoList .list_wrapper{display:flex;flex-direction:column;gap:20px}
/*# sourceMappingURL=main.2f88e46a.css.map*/