body{background-color:#1a1a1a}.to-do-list{font-family:Arial,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-radius:5px;border:none;cursor:pointer;transition:background-color .5s ease}.add-button{background-color:#53c15c}.add-button:hover{background-color:#3ba544}.delete-button{background-color:#f2330d}.delete-button:hover{background-color:#c2290a}.move-button{background-color:#51abf6}.move-button:hover{background-color:#2094f3}input[type=text]{font-size:1.5rem;padding:10px;border:2px solid hsla(0,0%,80%,.5);color:#000;border-radius:5px}ol{padding:0}li{font-size:2rem;font-weight:700;padding:15px;background-color:#f7f7f7;margin-bottom:10px;border:3px solid hsla(0,0%,85%,.75);border-radius:5px;display:flex;align-items:center}.text{flex:1}.delete-button,.move-button{padding:8px 12px;font-size:1.4rem;margin-left:10px}@media (max-width:400px){input[type=text]{width:60%;font-size:1.2rem;padding:8px}.text{font-size:1rem}.delete-button,.move-button{font-size:1rem;padding:6px 10px}.add-button{font-size:1.2rem;padding:8px 12px}}