Shared note

.checklist-container {
  max-width: 600px;
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

h2 {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
}

.task {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.task:last-child {
  border-bottom: none;
}

.task input[type="checkbox"] {
  margin-right: 15px;
  width: 18px;
  height: 18px;
}

.task label {
  font-size: 16px;
  color: #333;
  cursor: pointer;
}

.task input[type="checkbox"]:checked + label {
  text-decoration: line-through;
  color: #888;
}

<div class="task">
  <input type="checkbox" id="task1">
  <label for="task1">Update Pathfinder website CSS to match Church’s site - Jayson</label>
</div>

<div class="task">
  <input type="checkbox" id="task2">
  <label for="task2">Provide list of info needed to update the site - Jayson</label>
</div>

<div class="task">
  <input type="checkbox" id="task3">
  <label for="task3">Respond with needed information - Marvin</label>
</div>

<div class="task">
  <input type="checkbox" id="task4">
  <label for="task4">Resolve Wix 2FA - Marvin</label>
</div>

<div class="task">
  <input type="checkbox" id="task5">
  <label for="task5">Meet to review Wix backend - Marvin/Jayson</label>
</div>

<div class="task">
  <input type="checkbox" id="task6">
  <label for="task6">Review Church’s website for updates (footer, Ministries, etc.) - Marvin/Jayson</label>
</div>

<div class="task">
  <input type="checkbox" id="task7">
  <label for="task7">Research InfinityFree and Netlify for security issues - Marvin</label>
</div>

<div class="task">
  <input type="checkbox" id="task8">
  <label for="task8">Provide upcoming Pathfinder events with write-up - Marvin</label>
</div>