body {
  font-family: system-ui, sans-serif;
  margin: 0;
  color: #1d1d1f;
}
header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 16px 24px;
  background: #f4f4f5;
}
h1 {
  font-size: 2em;
  margin: 0;
}
.count {
  color: #6b7280;
}
main {
  max-width: 40rem;
  margin: 0 auto;
  padding: 24px;
}
ul {
  list-style: none;
  padding: 0;
}
li {
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
}
li.done {
  color: #9ca3af;
  text-decoration: line-through;
}
ul li {
  color: black;
}
.done {
  color: green;
}
#list li:first-child {
  font-weight: 600;
}