*{margin:0;padding:0;text-decoration:none;outline:none}html{font-size:62.5%;scroll-behavior:smooth}body{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000}.form{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:5rem}.form input{width:50rem;padding:1rem;font-size:2rem;font-weight:700;border:.2rem solid rgb(240,240,240);border-radius:4rem}.form button{font-size:3rem;font-weight:700;padding:1rem;border-radius:1rem;background:#833ab4;background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);border:none;outline:none;cursor:pointer;color:#fff}.todo{background:linear-gradient(to right,#000e,purple);padding:3rem;display:flex;justify-content:space-between;font-size:2rem;width:50rem;margin-top:3rem;gap:3rem;color:#fff}.todo .todobtn{display:flex;gap:1rem}.todo .todobtn button:first-of-type{font-size:1.5rem;font-weight:700;padding:1rem;border-radius:1rem;background:#833ab4;background:linear-gradient(90deg,#ff3a03,#fd1d1d,#ca1616);border:none;outline:none;cursor:pointer;color:#fff}.todo button:nth-child(2){font-size:1.5rem;font-weight:700;padding:1rem;border-radius:1rem;background:#22c1c3;background:linear-gradient(0deg,#22c1c3,#fdbb2d);border:none;outline:none;cursor:pointer;color:#fff}.todo button:nth-child(3){font-size:1.5rem;font-weight:700;padding:1rem;border-radius:1rem;background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);border:none;outline:none;cursor:pointer;color:#fff}