body{display:flex;justify-content:center}.to-do-list{flex-direction:column;text-align:center;position:relative;width:500px}h1,.task-name,input,.add-button,.delete-button{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:50}button{font-size:1.7rem;border:none;padding:10px 20px;border-radius:4px;color:#fff;cursor:pointer}.input-div{display:flex}input[type=text]{color:#000;font-size:1.6rem;font-weight:50;border-radius:30px;border:1px solid rgb(220,220,220);padding:10px 10px 10px 20px;flex:1}.add-button{background-color:#299329;border-radius:40px;margin-left:20px;padding:10px 30px}.add-button:hover{background-color:#1f701f}.add-button:active{background-color:#1f701f;opacity:80%}.delete-button,.move-button{padding-right:0;padding-left:10px}.buttondark{background-color:#4f4f4f}.delete-button:hover{color:#212121}ol{padding:0;width:500px;list-style:none}li{font-size:1.7rem;display:flex;align-items:center;justify-content:center}.list-cell{padding:10px 20px;border-radius:40px;margin-bottom:10px;display:flex;justify-content:center;align-items:center;justify-content:space-between}.task-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;font-weight:50}.fa-solid,.fa-trash-can{font-size:1.3rem;color:#646464;background-color:#fff;padding:10px 8px;border-radius:30px}.fa-solid:active,.fa-trash-can:active{color:#828282}.textlight{color:#000}.textdark{color:#fff}.textdark::placeholder{color:#dedede}input.backgrounddark{color:#fff}.backgroundlistlight{background-color:#f0f0f0}.backgroundlistdark{background-color:#4f4f4f}.backgrounddark{background-color:#303338}.btn-div{position:absolute;right:80px}.mode-btnlight{background-color:#fff}.mode-btndark{background-color:#303338}.fa-sun{background-color:#f0f0f0}.fa-moon{color:#fff;background-color:#4f4f4f}.modeButton:hover{transform:scale(1.1)}