html {
  font-family: sans-serif;
}

* {
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
}

table tr td:nth-child(1) {
  text-align: center;
}

table tr th:nth-child(2) {
  width: 200px;
}

table tr th:nth-child(3) {
  width: 100px;
}

table tr th:nth-child(4) {
  width: 100px;
}

main {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.cowok {
  color: blue;
}

.cewek {
  color: pink;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    color: #eee;
  }

  .cowok {
    color: blue;
  }
}