:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}p{margin:0}.navbar{border-bottom:2px solid black;padding:2px 50px}.navbar .navbar-brand{font-size:40px;margin-top:2px;margin-bottom:2px}.navbar .navbar-text{margin-top:5px;margin-bottom:12px;font-weight:500}.navbar .navbar-text .navbar-subtag{font-weight:400}h4,h5{margin:0}.task{width:280px;padding:10px;border-radius:15px;cursor:pointer;position:relative}.task h1{margin:0}.task .task-details{display:flex;justify-content:space-between;align-items:center}.task .task-details p{font-size:12px;font-weight:500}.list{height:fit-content;width:300px;min-height:100px;padding:15px;border-radius:15px}.list .list-tag{display:flex;align-items:center;width:fit-content;padding:3px 20px 3px 10px;border-radius:15px}.list .list-tag p{font-weight:600;font-size:16px}.list .list-tag img{margin-right:5px}.add-task-div{display:flex;justify-content:center;margin-top:10px}.add-task-div .icon-icon{cursor:pointer}.task{margin:20px 0}.modal-heading h2{margin:2px 0}.modal-buttons{margin:10px 0;display:flex;flex-direction:column;gap:10px}.modal-buttons .modal-save-btn,.modal-delete-btn{background-color:#fff;width:300px;height:30px;font-size:16px;font-weight:500;cursor:pointer}.modal-buttons .modal-delete-btn:hover,.modal-save-btn:hover{outline:2px solid black;border:none}.modal-buttons .modal-delete-btn{color:red}.form-div{margin:20px 0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0 0}.modal{position:absolute;top:0;left:0;background-color:#00000020;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:99}.modal-content{background-color:#fff;padding:10px 10px 0;width:400px;height:fit-content;border-radius:10px}.input-type{display:flex}.input-type .label{width:70px;margin:10px;font-size:14px;font-weight:500}.input-type input,select{border:1px solid gray;width:250px;height:30px;padding:0 5px}.input-type select{width:262px}option{margin:100px 0}.input-type input:focus,select:focus{outline:none}main{margin:30px 20px}.filtering-div{margin:20px 0;display:flex;gap:10px}main .lists{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}