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}.App{background-color:#fff5fc;height:100vh;width:100vw}.container{background-color:#fff;border-radius:10px;box-shadow:5px 5px 50px #eee;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;left:50%;padding:10px 40px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px}.Todo_title{align-items:center;color:#6d1c3d;display:flex;justify-content:space-between}.counts{display:flex;font-size:12px;font-weight:700;gap:10px;justify-content:right;margin:5px 0;padding:5px}.counts .all{color:#333}.counts .done{color:#1c366d}.counts .notdone{color:#6d1c3d}.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;font-size:14px;padding:10px}.TodoEditor input:focus{border:1px solid #6d1c3d;outline:none}.TodoEditor button{background-color:#6d1c3d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;width:40px}.TodoList{-ms-overflow-style:none;height:500px;overflow-y:scroll}.TodoList::-webkit-scrollbar{display:none}.TodoList .searchbar{border:none;border-bottom:1px solid #dcdcdc;box-sizing:border-box;padding-bottom:15px;padding-top:15px;width:100%}.TodoList .searchbar:focus{border-bottom:1px solid #6d1c3d;outline:none}.TodoItem{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:20px;padding:15px 0}.TodoItem input{accent-color:#6d1c3d}.TodoItem .title_col.check{color:#999;text-decoration:line-through}.TodoItem .title_col{align-items:center;display:flex;flex:1 1;font-size:14px}.TodoItem .title_col textarea{height:18px;outline:none}.TodoItem .date_col{color:gray;font-size:14px}.TodoItem .btn_col button{background-color:initial;border:none;border-radius:5px;color:gray;cursor:pointer;font-size:12px;padding:5px;transition:.3s}.TodoItem .btn_col button:hover{background-color:initial;color:#6d1c3d;font-weight:700}.noTodo{color:#999;font-size:18px;margin:50% 0;text-align:center}
/*# sourceMappingURL=main.ff823e6c.css.map*/