*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overscroll-behavior:none;background-color:#000}.App{display:flex;justify-content:center;align-items:center;min-height:100dvh;background-color:#000}.container{margin-top:2rem;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:20px;width:50rem;height:60rem;background-color:#161a2b;padding-top:2rem;border-radius:1rem;overflow-y:auto}h1{color:#fff;font-size:2.3rem}.userInput input{height:4rem;width:30rem;border:2px solid #5d0cff;border-radius:4px 0 0 4px;outline:none;background:transparent;color:#fff;font-size:1.6rem;text-align:center;font-family:Georgia,Times New Roman,Times,serif}.userInput button{height:4rem;width:10rem;background:linear-gradient(90deg,#5d0cff,#9b00fa);font-family:Georgia,Times New Roman,Times,serif;font-size:1.6rem;border:none;border-radius:0 4px 4px 0;cursor:pointer;outline:none;color:#fff;text-transform:capitalize}ul{list-style:none}.row{height:4.5rem;width:43rem;background-color:orange;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;color:#fff;font-size:1.6rem;margin-bottom:2rem;cursor:pointer;font-family:Georgia,Times New Roman,Times,serif}.icons{color:#fff;display:flex;gap:1rem;font-size:1.5rem;cursor:pointer}.complete{text-decoration:line-through;opacity:.4}.hidden{display:none}.userInput.edit input{border:2px solid #149fff}.userInput.edit button{background:linear-gradient(90deg,#149fff,#117aff)}@media (max-width: 1280px){.container{width:48rem;height:60rem;margin:0}h1{font-size:2.3rem}.userInput input{height:3.6rem;width:25rem;font-size:1.6rem}.userInput button{height:3.6rem;width:13rem;font-size:1.6rem}.row{height:4rem;width:42rem;font-size:1.6rem}}@media (max-width: 1024px){.container{width:46rem;height:59rem;margin:0}h1{font-size:2.3rem}.row{height:4rem;width:41rem;font-size:1.6rem}}@media (max-width: 768px){.container{width:43rem;height:56rem;margin:0}h1{font-size:2.2rem}.userInput input{height:3.5rem;width:24rem;font-size:1.6rem}.userInput button{height:3.5rem;width:12rem;font-size:1.6rem}.row{height:4rem;width:40rem;font-size:1.5rem}}@media (max-width: 640px){.container{width:40rem;height:54rem;margin:0}h1{font-size:2rem}.userInput input{height:3.4rem;width:22rem;font-size:1.5rem}.userInput button{height:3.4rem;width:10rem;font-size:1.5rem}.row{height:3.7rem;width:37rem;font-size:1.5rem}}@media (max-width: 513px){.container{width:37rem;height:52rem;margin:0}h1{font-size:1.9rem}.userInput input{height:3.2rem;width:20rem;font-size:1.6rem}.userInput button{height:3.2rem;width:8rem;font-size:1.6rem}.row{height:3.5rem;width:36rem;font-size:1.6rem}}