body {
  width: 80%;
  margin: 0 auto;
}

h1 {
  margin: 0.5em 0 0;
}

#sport-fieldset {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 2em 0;

  div {
    min-width: 14em;
    margin: 0.2em 0;
  }

  input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  input[type="checkbox"]:checked {
    background-color: inherit; /* The background color will be set by JavaScript */
  }

  label {
    padding: 0 1em;
    border-radius: 1em;
  }
}