body{background-color:#1a1a1a}.to-do-list{font-family:Open Sans,sans-serif;text-align:center;margin-top:100px}h1{font-size:4rem;color:#fff}button{font-size:1.7rem;font-weight:700;padding:10px 20px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .5s ease}.logout-btn{background-color:red;position:fixed;top:10px;right:10px}.add-button{margin:10px;background-color:#53c15c}.add-button:hover{background-color:#3ba544}.delete-button{background-color:#ff2600}.delete-button:hover{background-color:#cc1f00}.edit-button{background-color:#2f65ee}.edit-button:hover{background-color:#124ad9}.move-button{background-color:#2f65ee}.move-button:hover{background-color:#124ad9}input[type=text]{font-size:1.6rem;padding:10px;border:2px solid hsl(0,0%,80%,.5);border-radius:5px;color:#00000080}input[type=checkbox]{scale:200%;margin-left:30px}ol{padding:0;display:flex;flex-direction:column;align-items:center}li{font-size:1.7rem;font-weight:400;padding:15px;background-color:#f7f7f7;margin-bottom:10px;border:3px solid hsla(0,0%,85%,.75);border-radius:5px;display:flex;align-items:center;width:50%;overflow-wrap:break-word}.text{flex:1}.delete-button,.move-button,.edit-button{padding:8px 12px;font-size:1.4rem;margin-left:10px}.controls{display:flex;align-items:center;gap:10px}.drag-handle{cursor:grab;font-size:1.8rem;margin-left:3rem}.drag-handle:active{cursor:grabbing}.signup-box{background:#3b3b3b;padding:30px;border-radius:10px;box-shadow:0 4px 10px #0000001a;width:350px;text-align:center}.signup-box h2{margin-bottom:20px;font-size:24px;color:#fff}.signup-btn{width:90%;background:#007bff;color:#fff;border:none;padding:10px;border-radius:5px;font-size:16px;cursor:pointer;transition:.3s ease-in-out}.signup-btn:hover{background:#0056b3}.login-link{margin-top:15px;font-size:14px;color:#666}body{font-family:Open Sans,sans-serif}.container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#222}.login-box{background:#3b3b3b;padding:30px;border-radius:10px;box-shadow:0 4px 10px #0000001a;width:350px;text-align:center}.login-box h2{margin-bottom:20px;font-size:24px;color:#fff}.input-field{width:90%;padding:10px 0 10px 10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:16px}.login-btn{width:90%;background:#007bff;color:#fff;border:none;padding:10px;border-radius:5px;font-size:16px;cursor:pointer;transition:.3s ease-in-out}.login-btn:hover{background:#0056b3}.signup-link{margin-top:15px;font-size:14px;color:#666}.link{color:#007bff;text-decoration:none}.link:hover{text-decoration:underline}