*{margin:0;padding:0;box-sizing:border-box}#root,body{height:100vh}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#141414;color:#f0f8ff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.to-do-list{height:98%;width:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:20px}button{width:60px;aspect-ratio:2/1;border-radius:4px;font-size:16px;font-weight:600;color:#f0f8ff;border-width:0px;border:1px solid hsl(0,0%,10%);transition:all .15s ease-in-out}.add-button{background-color:#50ad50}.delete-button{background-color:#d65757}.moveup,.movedown{height:30px;width:30px;border-radius:20px;background-color:#06366d}button:hover{background-color:#424303}input{width:clamp(70px,40vmax,600px);height:30px;border-radius:20px;padding:16px}ol{font-size:1.6rem;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;gap:20px}ol li{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.task-name{flex:1;word-break:break-word}.footer{position:sticky;bottom:0;width:100vw;background-color:#262626;text-align:center}a{color:#f0f8ff;text-decoration:none}