.navbar{width:10%;height:100%;background-color:#212121;display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;align-items:center;padding:20px}.nav-link{text-decoration:none;font-size:20px;color:#878787;font-family:sans-serif;align-items:center;margin-top:20px}.nav-link:hover{width:100%;border-radius:7px;text-align:center;background-color:#4c4c4c;color:#fff}h5{color:#000;text-align:center}.title{color:#2c3e50;margin-left:500px}.article{margin-left:450px}.main{margin-left:260px;font-family:sans-serif}.container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px}.book-card{background-color:#eee;border:1px solid #000000;border-radius:6px;padding:15px;margin-top:10px;text-align:center;width:350px;margin-bottom:50px}.book-card img{width:280px;height:auto;object-fit:cover}.to-do-list{display:grid;justify-content:center;place-items:center;font-family:Arial,Helvetica,sans-serif;text-align:center;margin-top:80px}h1{margin-left:150px;margin-bottom:40px;color:#2c3e50}button{font-size:1.2rem;font-weight:700;padding:5px 10px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .5s ease}.add-button{background-color:#3d9444;padding:8px}.add-button:hover{background-color:#2e7033}.delete-btn{background-color:#f2330d}.delete-btn:hover{background-color:#b0341c}.move-btn{background-color:#0d61f2}.move-btn:hover{background-color:#0a4ec2}input{font-size:1.2rem;padding:3px;border:1 px solid black;border-radius:5px;color:#00000080;margin-left:100px}ol{width:900px}li{font-size:1.4rem;padding:15px;background-color:#f7f7f7;margin-bottom:10px;border:1px solid hsl(0,0%,85%,.75);border-radius:5px;display:flex;align-items:center}.text{flex:1}.delete-btn,.move-btn,.add-button{margin-left:10px}.text{flex-grow:1;margin-left:10px;text-align:left}.completed{text-decoration:line-through;opacity:.6}