.todos{margin-top:20px}.todo-container{margin-top:100px}.todo{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:10px;box-shadow:#959da533 0 8px 24px}.todo-left{display:flex;gap:12px}.todo-detail-title{font-size:16px;font-weight:500;color:var(--dark-black)}.todo-detail-desc{color:var(--light-black);font-size:14px}.priority-high{border-left:5px solid red}.priority-medium{border-left:5px solid orange}.priority-low{border-left:5px solid gray}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #8c07dd;--secondary-color: #b333e9;--ternary-color: #ffffff;--dark-black: #000000;--light-black: #565656;--light-blue: #4285ea}body{font-family:Poppins,sans-serif;background-color:#f7ebfd}