*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{background:#0f111b;color:#fff}.App{display:flex;align-items:center;flex-direction:column;padding-top:50px}.header-container{display:flex;flex-direction:column;align-items:center}.header-container h1{font-size:4rem}.header-container p span{color:#b1b1b1}.line{border:1px solid #fff;width:40rem;margin-top:20px;margin-bottom:20px}.todoInfo{display:flex;gap:50px}@media(max-width:639px){.header-container h1{font-size:3rem}.line{width:30rem}}@media(max-width:522px){.line{width:23rem}}@media(max-width:410px){.header-container h1{font-size:2rem}.line{width:14rem}}.todoInput{display:flex;align-items:center;gap:10px;margin-top:20px}.todoInput input{background-color:#1a1d2c;color:#aaa;border:1px solid #aaaaaa;padding:15px;font-size:15px;width:30rem;border-radius:10px}.todoInput button{padding:15px;font-size:15px;border-radius:10px;width:6rem;border:none;color:#fff;background-color:#00f;cursor:pointer}.todoInput input::placeholder{color:#aaa}@media(max-width:639px){.todoInput input{width:25rem}.todoInput button{width:5rem}}@media(max-width:522px){.todoInput input{width:18rem}.todoInput button{width:4rem}}@media(max-width:410px){.todoInput input{width:14rem}.todoInput button{width:3.5rem}}.todos-container{display:flex;flex-direction:column;gap:20px;margin-top:30px;height:35rem;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.todo{background-color:#1a1d2c;font-size:17px;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin-bottom:10px;border-radius:8px;width:100%}.todo-text{flex:1;margin-right:15px;word-break:break-word}.todo.completed{text-decoration:line-through;opacity:.6;color:gray}.todos-container::-webkit-scrollbar{display:none}.buttons{display:flex;gap:10px;align-items:center}.checkBtn,.deleteBtn{background-color:green;color:#fff;padding:6px 10px;border:none;cursor:pointer;border-radius:5px}.deleteBtn{background-color:red}@media(min-width:640px){.todo{width:35rem}}@media(max-width:639px){.todo{width:25rem}}@media(max-width:410px){.todo{width:20rem}}