@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";color: #030303; .custom{display:flex;justify-content:center}h2{font-weight:3rem}.input{width:100%;transition:.3s;outline:none;border:2px solid #080808;padding-left:10px}.btn{width:100%}.btn-green{background-color:#10aa36;border:none;outline:none}.btn-red{background-color:#ad1111;border:none;outline:none}.user-input-container{display:flex;justify-content:center;gap:10px}h2{font-size:20px;display:flex;align-items:center;margin:0}.status-filter{display:flex;gap:5px;justify-content:flex-end}.status-filter select{width:fit-content}.card-content{width:90%;padding:20px 10px;word-wrap:break-word;background-color:#ccf5d3}.notCompleted{background-color:#8a1313;color:#fff;border:none;outline:none;padding:5px 0}.completed{background-color:#f8f7f7;color:#070707;border:none;outline:none;padding:5px 0}.buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:40px;margin-right:10px}.buttons .btn{width:30%!important}.update-btn{width:30%}.card-content input{width:100%;padding:8px 0 8px 5px;border-radius:5px}.card-content span{font-weight:bolder}.card-content span{padding-right:10px}.msg{display:flex;justify-content:center;align-items:center;margin-top:100px}@media screen and (max-width:991px){.update-btn{margin-top:20px}}@media screen and (max-width:768px){.update-btn{margin-top:0}}body{background-color:#0ff}*{margin:0;padding:0;box-sizing:border-box;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#root{width:auto;height:auto;display:flex;justify-content:center;align-items:center}@media screen and (max-width:1200px){#root{height:auto}}