*{box-sizing:border-box}body{background:#000;color:#cebea4;font-family:Arial,Helvetica,sans-serif;height:100vh;margin:0}#root{width:100%}#root,.toDoContainer{align-items:center;display:flex;height:100%;justify-content:center}.toDoContainer{flex-direction:column;gap:30px}.header{align-items:center;border:1px solid #cebea4;border-radius:30px;display:flex;gap:30px;height:200px;justify-content:center;width:400px}.heading{font-size:25px}.subHeading{font-size:20px}.headerCount{align-items:center;background-color:#ff5631;border-radius:50px;color:#000;cursor:pointer;display:flex;font-size:30px;font-weight:700;height:100px;justify-content:center;transition:.25s;-webkit-user-select:none;user-select:none;width:100px}.headerCount:active{box-shadow:0 0 10px #ff563155,0 0 20px #ff563155,0 0 50px #ff563155}.headerCountCompleted{background-color:#57cb4c}.headerCountCompleted:active{box-shadow:0 0 10px #57cb4c55,0 0 20px #57cb4c55,0 0 50px #57cb4c55}.inputContainer{display:flex;gap:30px;height:50px;width:400px}.inputContainer input{background:#1e1e1e;border:none;border-radius:25px;color:#cebea4;outline:none;padding:10px 20px;width:320px}.inputContainer button{background-color:#ff5631;border:none;border-radius:25px;color:#000;cursor:pointer;font-size:20px;font-weight:700;height:50px;width:50px}.inputContainer button:active{box-shadow:0 0 10px #ff563155,0 0 20px #ff563155,0 0 50px #ff563155}.toDoList{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;max-height:400px;overflow-y:auto}.toDo{align-items:center;border:1px solid #cebea4;border-radius:10px;display:flex;gap:10px;height:50px;overflow:hidden;padding:0 20px;position:relative;width:400px}.toDo[data-checked=true]{background-color:#1e1e1e}.toDoCheck{border:1px solid #ff5631;border-radius:20px;cursor:pointer;height:20px;transition:.25s;width:20px}.toDo:not([data-checked=true]) .toDoCheck:hover{background-color:#ff563133}.toDo[data-checked=true] .toDoCheck{background-color:#57cb4c;border:1px solid #57cb4c}.toDoText{cursor:pointer;flex:1 1;font-weight:700;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toDo[data-checked=true] .toDoText{color:#cebea477;font-weight:100;text-decoration:line-through}.toDoEditButton{margin-left:auto}.toDoButton{cursor:pointer;height:25px;width:25px}.toDoEdit{background:#000;border:1px solid #cebea4;left:0;position:absolute;top:0}.toDoEditConfirm{cursor:pointer;height:25px;width:25px}.toDoEditInput{background:#0000;border:none;color:#cebea4;flex:1 1;outline:none}
/*# sourceMappingURL=main.2a9bf1d5.css.map*/