body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;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{padding-bottom:60px;text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{align-items:left;background-color:#fff;color:#000;font-size:calc(10px + 2vmin);padding-top:60px}.App-header,section{display:flex;flex-direction:column;margin:auto;max-width:800px}#add-task{flex-direction:row}h1,h2,h3,p,span{text-align:left}.task-list-title{font-size:35px;margin-bottom:5px}.task-container{align-items:center;border-radius:5px;display:flex;flex-direction:row;margin-bottom:10px;margin-top:10px;padding-bottom:5px;padding-top:5px;text-align:left;transition:.6s}.task-container:hover{padding:10px;transition:.15s}.empty,.task-container:hover{background-color:#f5f5f5;margin-bottom:5px;margin-top:5px}.empty{border-radius:5px;padding-bottom:10px;padding-top:10px;text-align:center}.task-text-container{width:calc(100% - 180px)}.task-buttons{align-items:center;display:flex;flex-direction:row-reverse;margin-left:auto;width:170px}.task-text{font-size:20px}.task-container:hover .btn{box-shadow:0 1px 3px -1px;transition:.2s}.btn{border:0;border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;float:right;font-size:12px;font-weight:700;margin:0 0 0 5px;max-height:27px;padding:7px 5px;transition:.6s;width:80px}.btn:hover{box-shadow:0 2px 5px -1px!important}.complete-btn{background-color:#eaf4ed;color:#0abd2f}.down-btn{background-color:#fdf3ef;color:#f76735}.up-btn{background-color:#ecf3fe;color:#2469d8}.undo-btn{background-color:#efebfc;color:#5a30d1}.delete-btn{background-color:#fdeeee;color:#d52821}.task-complete{color:#0abd2f;font-weight:700}.procrastinated-days{font-size:14px;opacity:70%}#new-task-text{border-radius:10px 0 0 10px;width:85%}#new-task-btn{background-color:#000;border:0;border-radius:0 10px 10px 0;color:#fff;cursor:pointer;font-weight:700;padding:0;width:15%}#new-task-btn,#new-task-text{border:3px solid #000;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:20px;height:50px}#new-task-text{padding:10px}.transition-group{display:flex;flex-direction:column}.fade{transition:all .5s}.fade-enter{margin-bottom:0;margin-top:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}.fade-enter-active{margin-bottom:10px;margin-top:10px;max-height:100px;opacity:1;padding-bottom:5px;padding-top:5px}.fade-exit{margin-bottom:5px;margin-top:5px;max-height:100px;opacity:1;padding-bottom:10px;padding-top:10px}.fade-exit-active{margin-bottom:0;margin-top:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}@media only screen and (max-width:850px){body{padding-left:10px;padding-right:10px}}@media only screen and (max-width:600px){body{padding-left:5px;padding-right:5px}.App-header{font-size:.8em}#new-task-text{border-radius:10px 0 0 10px;width:82%}#new-task-btn{width:18%}.task-container{flex-direction:column}.task-text-container{width:calc(100% - 16px)}.task-buttons{justify-content:center;margin-left:0!important;width:100%}.btn{font-size:18px;margin-right:5px!important;margin-top:10px;max-height:47px;padding-bottom:10px;padding-top:10px;width:100%}.task-container:hover{align-items:center;background-color:#fff;border-radius:5px;display:flex;margin-bottom:10px;margin-top:10px;padding:5px 0;text-align:left;transition:.6s}.task-container:hover .btn{box-shadow:0}.empty{margin-left:5px;margin-right:5px}}@media only screen and (max-width:400px){.App-header{font-size:1.2em}.btn{font-size:15px;margin-right:5px!important;margin-top:10px;max-height:47px;width:100%}}
/*# sourceMappingURL=main.7a0401e9.css.map*/