*{box-sizing:border-box;margin:0;padding:0}body{background-color:#ced3dd;color:#333;font-family:Open Sans,sans-serif;font-size:16px;font-weight:400}header{background-color:#5742f1;color:#fff;padding:15px}.main-content{display:flex;min-height:100vh;padding:15px}.sidebar{flex-basis:250px;padding-left:10px}.sidebar .menu-container .menu-header{font-weight:600;margin-bottom:5px}.sidebar .menu-container .items{margin-bottom:10px;padding-left:10px}.sidebar .menu-container .item{cursor:pointer;margin-bottom:5px}.task-container{background-color:#fff;border-radius:5px;flex-grow:1;padding:15px}.task-container input,.task-container select,.task-container textarea{font-size:16px;outline-color:#5742f1;padding:5px 10px}.task-container .task-head-title{border:1px solid #5742f1;border-radius:5px;padding:10px}.task-container .task-container-head{display:flex;gap:15px;justify-content:flex-end;margin-bottom:15px}.task-container .task-container-head .task-head-title{cursor:pointer}.task-form .input-container{display:flex;padding:10px}.task-form .input-container input{flex-grow:1}.task-form .task-lists .task-list{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;gap:10px;padding:10px}.task-form .task-lists .task-list .task-info{display:flex;gap:10px;margin-left:auto}.task-form .task-lists .task-list .task-info div{border-radius:5px;color:#fff;padding:2.5px}.task-form .task-lists .task-list .task-info .task-context{background-color:#7ad97a}.task-form .task-lists .task-list .task-info .due-date{background-color:#cd9e5f}.task-form .task-lists .task-list .task-info .given-to{background-color:#6495ed}.task-form .task-lists .task-list .button-container button{margin-left:10px}.edit-bar{background-color:#ddd;min-height:100vh;padding:25px;position:absolute;right:0;top:0;width:500px;z-index:5}.edit-bar label{flex-basis:30%}.edit-bar input,.edit-bar select,.edit-bar textarea{width:100%}.edit-bar textarea{height:100px}.edit-bar .header{margin-bottom:25px}.edit-bar .task-item{margin-bottom:15px}.edit-bar .button-container,.edit-bar .task-item{display:flex;gap:10px}.overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%}.btn-primary{background-color:#5742f1}.btn-primary,.btn-secondary{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:7px 20px}.btn-secondary{background-color:red}
/*# sourceMappingURL=main.3c889e07.css.map*/