body{margin-top:100px;display:flex;justify-content:center;place-items:center;background:linear-gradient(to right,#1d89cc,#03097ced)}.to-do-list{width:100%}.input-area{display:flex;flex-direction:column;align-items:center;margin-top:80px;margin-bottom:40px}h1{font-size:3.2em;line-height:1.1;color:#fff}.input{display:flex;gap:10px}input[type=text]{font-size:1.8rem;padding:5px;border:none;border-radius:8px;color:#01070d;width:300px}.add-button{background-color:#ffb703;padding:10px 20px}.add-button:hover{background-color:#f59e0b}button{border-radius:8px;border:1px solid transparent;padding:10px 20px;font-size:1em;font-weight:500;font-family:inherit;color:#fff;cursor:pointer;transition:border-color .25s ease}.complete-button{background-color:#3aa2e3c2;padding:10px 20px}.complete-button:hover{background-color:#04951f}.delete-button{background-color:#065db4;padding:10px 20px}.delete-button:hover{background-color:#b94109}.move-up-button{background-color:#065db4;padding:10px 20px}.move-up-button:hover{background-color:#4910ad}.move-down-button{background-color:#065db4;padding:10px 20px}.move-down-button:hover{background-color:#4910ad}.task-list{width:100vw;padding:0;margin:0;list-style:none}li{font-size:2rem;font-weight:700;padding:12px;background-color:#0b90b1;margin-bottom:20px;border:4.5px solid rgba(8,35,42,.198);border-radius:12px;display:flex;align-items:center}.text{flex-grow:1;flex-shrink:1;flex-basis:0%}.delete-button,.move-down-button,.move-up-button,.complete-button{padding:5px 12px;font-size:1.6rem;margin-left:10px}