body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus{outline:none}.App{display:flex;flex-direction:column;align-items:center;justify-content:center}.App-header{background-color:#282c34;font-size:20px;color:#fff;width:100%;padding:0;position:fixed;top:0;height:3rem}.App-header div{padding:.5rem 2rem;margin:0;display:flex}.App-content{margin-top:3rem;margin-bottom:3rem;width:100%;max-height:100%}.App-content>div{padding:1rem 2rem}.App-footer{background-color:#282c34;color:#fff;width:100%;padding:0;position:fixed;bottom:0;display:flex;align-items:center;height:3rem}.App-footer div{padding:.5rem 2rem;margin:0}.App-footer .totalTimer{cursor:pointer}.done{text-decoration:line-through;color:#999}.todoTitle{display:flex;align-items:center;flex:1 0}.todoTitle .text{border-left:1px dotted #ccc;padding-left:.5rem}.todoTitle .title{flex:1 0;align-items:center}.todoTitle .duration,.todoTitle .money{padding-right:.5rem}.todoTitle .money{border-right:1px dotted #ccc;margin-right:.5rem;min-width:7rem}.todoTitle input[type=checkbox]{cursor:pointer;margin-right:1rem}.go.todoTitle .title{color:#e04006}.action{margin:0 .5rem 0 0;width:16px;height:16px;cursor:pointer;display:flex;border:none;padding:0;background:transparent}.spacer{flex-grow:1}.modal-body{max-height:100%}.project-list{list-style:none;flex-shrink:1;overflow:auto;margin:0 -2rem 0 0;padding:0 2rem 0 0}.project-list::-webkit-scrollbar{width:5px}.project-list::-webkit-scrollbar-track{background:transparent;border-radius:3px}.project-list::-webkit-scrollbar-thumb{background:#d1d0d0;border-radius:3px}.project-list::-webkit-scrollbar-thumb:hover{background:#888}.project-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s;border-radius:3px;display:flex;align-items:center;justify-content:space-between}.project-item:hover{background:rgba(85,145,212,.06666666666666667)}.modal-body button.project-delete-button{position:static;padding:0;margin:0;display:flex}.modal-body{padding:2rem;width:400px;border-radius:3px;background:#fff;min-height:200px;position:relative;max-height:calc(90vh - 110px);display:flex;flex-direction:column;overflow-y:auto}.modal-body h2{margin:0 0 1.5rem;line-height:1}.modal-body button{cursor:pointer;background-color:transparent;border:0;margin:0;padding:0;position:absolute;top:2rem;right:2rem;font-size:30px;line-height:1}.modal-body p{margin:0 0 1rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-body.edit-todo-modal-body{padding:2rem;width:450px;border-radius:5px;background:#fff;min-height:250px;position:relative;max-height:calc(90vh - 100px);display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 4px 8px rgba(0,0,0,.2)}.modal-body.edit-todo-modal-body h2{margin:0 0 1.5rem;line-height:1.2;font-size:1.5rem;text-align:center;color:#333}.modal-body.edit-todo-modal-body form div{margin-bottom:1rem}.modal-body.edit-todo-modal-body form label{display:block;margin-bottom:.5rem;font-weight:700;color:#555}.modal-body.edit-todo-modal-body form input[type=number],.modal-body.edit-todo-modal-body form input[type=text],.modal-body.edit-todo-modal-body form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box}.modal-body.edit-todo-modal-body form textarea{min-height:80px;resize:vertical}.modal-body.edit-todo-modal-body .time-inputs{display:flex;justify-content:space-between}.modal-body.edit-todo-modal-body .time-inputs div{display:flex;flex-direction:column;width:30%}.modal-body.edit-todo-modal-body .time-inputs input[type=number]{width:100%;padding:10px}.modal-body.edit-todo-modal-body .modal-buttons{display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee}.modal-body.edit-todo-modal-body .modal-buttons button{cursor:pointer;padding:.6rem 1.2rem;border:none;border-radius:4px;font-size:.9rem;font-weight:700;transition:background-color .2s ease;position:static}.modal-body.edit-todo-modal-body .modal-buttons button[type=submit]{background-color:#4caf50;color:#fff;margin-right:1rem}.modal-body.edit-todo-modal-body .modal-buttons button[type=submit]:hover{background-color:#45a049}.modal-body.edit-todo-modal-body .modal-buttons button[type=button]{background-color:#f44336;color:#fff}.modal-body.edit-todo-modal-body .modal-buttons button[type=button]:hover{background-color:#e53935}.modal-body.edit-todo-modal-body .close-button{cursor:pointer;background-color:transparent;border:0;margin:0;padding:0;position:absolute;top:1rem;right:1rem;font-size:2rem;line-height:1;color:#aaa}.modal-body.edit-todo-modal-body .close-button:hover{color:#777}
/*# sourceMappingURL=main.e4b35123.chunk.css.map */